/* ============================================
   UNEXPLORED MILES — DESIGN TOKENS
   Direction: "Oxblood & Parchment" (2026-10-05) —
   light paper base, oxblood color-block sections,
   parchment on dark; muted mauve/sage/gold/rose/slate
   pillar accents. Instrument Serif + Geist.
   ============================================ */

:root{
  /* ---- Color: base ---- */
  --paper:        #FBF8F3;   /* near-white warm paper — main page background */
  --paper-alt:     #F3EBDD;   /* parchment — banded light sections */
  --ink:          #2B1516;   /* deep forest — primary text on light bg */
  --ink-soft:      #5C3F3B;   /* secondary text */
  --ink-faint:     #7A625D;   /* tertiary / meta text */
  --line:         #E6D9CF;   /* hairline borders on paper */

  /* ---- Color: brand path (rust/clay accent) ---- */
  --path:         #7A2226;   /* oxblood — brand accent / logo on light */
  --path-dark:     #5A1B1E;   /* hover/active */
  --path-ink:      #F3EBDD;   /* text-on-path */

  /* ---- Color: divergent accents (the four pillars, re-tuned to the forest palette) ---- */
  --accent-lavender: #9C8AA8;  /* was pastel lavender — now a dusty slate-blue */
  --accent-mint:      #8FA391;  /* sage green */
  --accent-butter:    #D9B77E;  /* warm gold */
  --accent-blush:     #D69A8E;  /* dusty terracotta-rose */
  --accent-sky:       #7F9BA6;  /* deep teal */

  /* ---- Color: dark section (primary brand surface — used often, not sparingly) ---- */
  --night:        #3B1214;   /* oxblood — color-block sections */
  --night-alt:     #561C1F;   /* slightly lifted dark surface for banding */
  --night-ink:     #F3EBDD;   /* text on dark */
  --night-line:    rgba(243,235,221,.16);

  /* ---- Type ---- */
  /* --font-display (Fraunces italic) is now reserved for accent words inside
     headings and a handful of small editorial touches (quotes, wordmark,
     step numbers) — the base heading font is the bold sans below, per the
     "Direction A, pushed bolder" pass. */
  --font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-heading: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-body:    "Geist", system-ui, -apple-system, sans-serif;

  --fs-hero:      clamp(3.2rem, 7.6vw, 6.8rem);
  --fs-h1:        clamp(2.6rem, 5.2vw, 4.4rem);
  --fs-h2:        clamp(2rem, 3.8vw, 3.1rem);
  --fs-h3:        clamp(1.4rem, 2.3vw, 1.8rem);
  --fs-body:      1.05rem;
  --fs-small:     0.875rem;
  --fs-eyebrow:   0.8rem;

  --lh-tight:     1.05;
  --lh-snug:      1.25;
  --lh-normal:    1.6;

  /* ---- Spacing scale ---- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 6.5rem;
  --sp-10: 9rem;

  /* ---- Layout ---- */
  --container: 1280px;
  --container-narrow: 780px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-fast: 200ms;
  --dur-med: 500ms;
  --dur-slow: 900ms;

  /* ---- Shadow ---- */
  --shadow-card: 0 1px 2px rgba(59,18,20,.06), 0 10px 24px -14px rgba(59,18,20,.28);
  --shadow-lift: 0 24px 44px -18px rgba(59,18,20,.4);
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast: 0ms; --dur-med: 0ms; --dur-slow: 0ms; }
}