/* 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: #b8922e;
	--gs-coral: #ec6a5c;
	--gs-cream: #fbf5ea;
	--gs-sand: #f5eedc;
	--gs-ink: #1a1a2e;
	--gs-ink-70: rgba(26, 26, 46, 0.72);
	--gs-text-muted: #6c757d;
	--gs-border-light: #e8ecf0;
	--gs-success: #2d9d5e;
	--gs-white: #ffffff;

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

	/* 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: all 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;
}