/* =========================================================================
   WANDER design tokens — Luxury Safari Tours
   Golden-hour light mode: warm off-white + navy ink + sunset gradient accent.
   ========================================================================= */
:root{
	/* ---- source hues ---- */
	--cloud:#ECF0F1;
	--navy:#2C3E50;
	--carrot:#E67E22;
	--amber:#F39C12;
	--pomegranate:#C0392B;

	/* ---- backgrounds ---- */
	--bg:#FFFBF4;
	--bg-soft:#F6F0E7;
	--surface:#FFFFFF;
	--surface-2:#FBFCFA;
	--cover-grad:linear-gradient(160deg,#F9B233 0%,#E67E22 55%,#C0392B 100%);

	/* ---- text ---- */
	--ink:#1B2733;
	--text:#2C3E50;
	--muted:#5A6B7A;
	--faint:#8A949E;
	--on-warm:#FFFFFF;

	/* ---- accent ---- */
	--accent:#F39C12;
	--accent-deep:#E67E22;
	--accent-soft:rgba(243,156,18,.12);
	--molten:linear-gradient(135deg,#F9B233 0%,#E67E22 48%,#C0392B 100%);
	--molten-text:linear-gradient(100deg,#E67E22 0%,#D35400 55%,#C0392B 100%);
	--sun-glow:rgba(243,156,18,.30);

	/* ---- status ---- */
	--ok:#27AE60;
	--info:#2563EB;
	--star:#F39C12;
	--deal:#C0392B;
	--border:rgba(27,39,51,.10);
	--border-2:rgba(27,39,51,.14);
	--border-warm:rgba(230,126,34,.35);

	/* ---- type ----
	 * One heading family site-wide: Cormorant Garamond (serif). --font-display
	 * is kept as an alias of --font-serif so every existing heading rule
	 * resolves to the same family without editing each usage. */
	--font-serif:"Cormorant Garamond","Playfair Display",Georgia,serif;
	--font-display:var(--font-serif);
	--font-script:"Caveat","Segoe Script",cursive;
	--font-body:"Satoshi","Inter",system-ui,-apple-system,sans-serif;
	--font-mono:"JetBrains Mono",ui-monospace,monospace;

	/* ---- radii / shadows / motion ---- */
	--radius-sm:10px;
	--radius-md:14px;
	--radius-lg:20px;
	--radius-pill:999px;
	--shadow-sm:0 8px 22px rgba(27,39,51,.05);
	--shadow-md:0 18px 45px rgba(27,39,51,.08);
	--shadow-lg:0 34px 80px rgba(27,39,51,.14);
	--shadow-btn:0 16px 34px rgba(230,126,34,.30);
	--ease-out:cubic-bezier(.16,1,.3,1);
	--ease-spring:cubic-bezier(.2,.7,.2,1);

	/* ---- layout ---- */
	--container:1280px;
	--gutter:7%;
	--header-h:84px;
	--header-h-scrolled:70px;
}

/* Respect OS-level reduced motion everywhere, immediately. */
@media (prefers-reduced-motion: reduce){
	*,*::before,*::after{
		animation-duration:.01ms!important;
		animation-iteration-count:1!important;
		transition-duration:.01ms!important;
		scroll-behavior:auto!important;
	}
}