/* =========================================================================
   Recon Travels design tokens
   Soft botanical background + espresso primary + warm cream elements.
   ========================================================================= */
:root{
	/* ---- source hues ---- */
	--cloud:#F8FAF6;
	--navy:#1D1E20;
	--carrot:#511E03;
	--amber:#FAF3B4;
	--pomegranate:#511E03;

	/* ---- backgrounds ---- */
	--bg:#F8FAF6;
	--bg-soft:#F1F4ED;
	--surface:#FFFFFF;
	--surface-2:#FAF3B4;
	--element:#FAF3B4;
	--cover-grad:linear-gradient(160deg,#FAF3B4 0%,#8A4A27 52%,#511E03 100%);

	/* ---- text ---- */
	--ink:#1D1E20;
	--text:#1D1E20;
	--muted:#5C5D5F;
	--faint:#7A7C7F;
	--on-warm:#FFFFFF;

	/* ---- accent ---- */
	--accent:#511E03;
	--accent-deep:#351202;
	--accent-soft:rgba(81,30,3,.10);
	--molten:linear-gradient(135deg,#7A3510 0%,#511E03 58%,#351202 100%);
	--molten-text:linear-gradient(100deg,#7A3510 0%,#511E03 55%,#351202 100%);
	--sun-glow:rgba(250,243,180,.48);

	/* ---- status ---- */
	--ok:#27AE60;
	--info:#2563EB;
	--star:#511E03;
	--deal:#511E03;
	--border:rgba(29,30,32,.10);
	--border-2:rgba(29,30,32,.16);
	--border-warm:rgba(81,30,3,.34);

	/* ---- 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(29,30,32,.05);
	--shadow-md:0 18px 45px rgba(29,30,32,.08);
	--shadow-lg:0 34px 80px rgba(29,30,32,.14);
	--shadow-btn:0 16px 34px rgba(81,30,3,.24);
	--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;
	}
}