/* Gold Stars Travel, design tokens (v1).
   Matches SITE-SPEC-V1.md §7. Tweak here, everything downstream follows. */

:root {
	/* Core palette */
	--gs-navy: #1a3a5c;
	--gs-teal: #1a6b7a;
	--gs-teal-dark: #155f6d;
	--gs-gold: #d4a843;
	--gs-gold-dark: #7a5a12;
	--gs-brown: #5a351f;
	--gs-coral: #ec6a5c;
	--gs-cream: #fbf5ea;
	--gs-sand: #f5eedc;
	--gs-ink: #1a1a2e;
	--gs-ink-70: rgba(26, 26, 46, 0.72);
	--gs-text-muted: #55606b;  /* bumped from #6c757d for AA contrast on white + cream */
	--gs-wa-green: #0f7a35;    /* accessible WhatsApp green for white text */
	--gs-wa-green-dark: #0d6f30;
	--gs-focus-ring: #1a3a5c;
	--gs-border-light: #e8ecf0;
	--gs-success: #2d9d5e;
	--gs-warning: #b7791f;
	--gs-critical: #b42318;
	--gs-success-text: #1a6e3f;
	--gs-warning-text: #8a5a18;
	--gs-critical-text: #8a1a14;
	--gs-white: #ffffff;

	/* Radius */
	--gs-radius-sm: 8px;
	--gs-radius: 12px;
	--gs-radius-lg: 20px;
	--gs-radius-pill: 50px;

	/* Shared tile/card semantic tokens */
	--gs-tile-radius: 14px;
	--gs-tile-radius-lg: 20px;
	--gs-nav-offset: 70px;    /* fixed nav height, overridden on pages with the ticker */

	/* Shadows */
	--gs-shadow-sm: 0 2px 8px rgba(26, 58, 92, 0.08);
	--gs-shadow-md: 0 8px 24px rgba(26, 58, 92, 0.12);
	--gs-shadow-lg: 0 16px 48px rgba(26, 58, 92, 0.18);
	--gs-shadow-gold: 0 8px 24px rgba(212, 168, 67, 0.32);
	--gs-shadow-teal: 0 8px 24px rgba(26, 107, 122, 0.28);
	--gs-shadow-hard-gold: 6px 6px 0 var(--gs-gold);

	/* Motion */
	--gs-ease-out: cubic-bezier(0.2, 0.6, 0.2, 1);
	--gs-transition: color 0.3s var(--gs-ease-out), background-color 0.3s var(--gs-ease-out), border-color 0.3s var(--gs-ease-out), box-shadow 0.3s var(--gs-ease-out), opacity 0.3s var(--gs-ease-out), transform 0.3s var(--gs-ease-out);

	/* Type scale, fluid clamp for responsive headings */
	--gs-font-ar: "Noto Kufi Arabic", "Tahoma", "Arial", sans-serif;
	--gs-font-en: "Poppins", "Segoe UI", "Arial", sans-serif;
	--gs-text-xs: clamp(0.72rem, 0.68rem + 0.2vw, 0.78rem);
	--gs-text-sm: clamp(0.82rem, 0.78rem + 0.2vw, 0.9rem);
	--gs-text-base: clamp(0.95rem, 0.9rem + 0.3vw, 1rem);
	--gs-text-lg: clamp(1.05rem, 1rem + 0.3vw, 1.15rem);
	--gs-h3: clamp(1.3rem, 1.1rem + 1vw, 1.65rem);
	--gs-h2: clamp(1.6rem, 1.3rem + 1.5vw, 2.25rem);
	--gs-h1: clamp(2rem, 1.6rem + 2vw, 3.2rem);

	/* Spacing, 8px grid */
	--gs-space-1: 4px;
	--gs-space-2: 8px;
	--gs-space-3: 12px;
	--gs-space-4: 16px;
	--gs-space-5: 24px;
	--gs-space-6: 32px;
	--gs-space-7: 48px;
	--gs-space-8: 64px;
	--gs-space-9: 80px;
}