/* ============================================================
   Explora Investor Deck — Design Tokens
   SOURCE OF TRUTH: Brand Bible HTML
     /Users/sameerjoshi/Documents/PetProjects/explora/explora-brand-book/Explora_Brand_Bible.html
   This file mirrors the bible's `tokens.css` vocabulary so the deck
   speaks the same language as every other Explora artefact.
   ============================================================ */

:root {
  /* ---------- Colour: deep jungle anchor ----------------------------- */
  --jungle:        #0E3329;   /* PRIMARY. The dominant near-black forest green. */
  --jungle-dk:     #07221A;   /* deepest forest — drama, photo backgrounds */
  --jungle-md:     #1E4C40;   /* mid forest — surfaces, secondary backgrounds */

  /* ---------- Colour: pastel supporting palette --------------------- */
  --sage:          #8FB8AB;
  --sage-lt:       #C2D9D1;
  --sage-xl:       #E2EDE8;
  --mint:          #B9D5C9;

  /* ---------- Colour: pastel warm accents --------------------------- */
  --honey:         #E8C77F;   /* "holiday sun" — emotional accent */
  --honey-dk:      #C9A55F;
  --honey-lt:      #F2DFB0;

  --blush:         #FBDFD5;
  --blush-mid:     #F4C5B9;

  --terracotta:    #C98F76;   /* bible pastel — soft earthy accent */

  --navy:          #1A2540;

  /* ---------- Neutrals --------------------------------------------- */
  --cream:         #F2EBDB;   /* MAIN light background */
  --cream-dk:      #E8DFCB;   /* card subtone */
  --linen:         #FBF7F2;   /* slightly cooler / occasional alt light */
  --sand:          #DCD2BE;   /* borders, dividers */
  --muted:         #6B7884;   /* body on light, captions */

  /* ---------- Deck-only extensions ---------------------------------
     These exist to keep visual decisions the deck has already taken
     (e.g. darker warning/terra colours tuned for SWOT readability).
     If the bible later adds equivalents, prefer the bible names. */
  --jungle-lt:     #2F8377;   /* lighter forest accent used in dashed lines, links */
  --terra:         #BC5E3F;   /* darker terracotta for SWOT Threats heading */
  --blush-dk:      #C8795F;   /* warmer red for warnings, distinct from --blush-mid */

  /* ---------- Surfaces & text on dark ------------------------------- */
  --on-dark:       #F2EBDB;            /* alias for --cream when on dark bg */
  --on-dark-soft:  rgba(242,235,219,.70);
  --on-dark-faint: rgba(242,235,219,.45);

  /* ---------- Typography (bible: Archivo display + Inter text) ------ */
  --font-serif:    "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;  /* display */
  --font-sans:     "Inter",   system-ui, -apple-system, "Segoe UI", sans-serif;  /* text */

  --fs-hero:       74px;
  --fs-title:      46px;
  --fs-sub:        23px;
  --fs-lead:       19px;
  --fs-body:       17px;
  --fs-small:      14px;
  --fs-label:      13px;
  --fs-eyebrow:    12px;
  --fs-micro:      11px;

  /* ---------- Shape ------------------------------------------------- */
  --radius-xl:     26px;
  --radius:        18px;
  --radius-sm:     11px;
  --radius-pill:   100px;
  --border:        1px solid var(--sand);
  --border-dark:   1px solid rgba(242,235,219,.14);

  /* ---------- Elevation (jungle-tinted) ----------------------------- */
  --shadow-sm:     0 4px 14px rgba(7,34,26,.08);
  --shadow:        0 12px 36px rgba(7,34,26,.12);
  --shadow-lg:     0 26px 60px rgba(7,34,26,.22);

  /* ---------- Motion ------------------------------------------------ */
  --ease:          cubic-bezier(.4,0,.2,1);
  --ease-out:      cubic-bezier(.16,1,.3,1);
  --dur:           .34s;
  --dur-lg:        .6s;

  /* ---------- Map slide accents ------------------------------------- */
  --map-bg:        var(--jungle-dk);
  --map-highway:   var(--honey);
  --map-roundabout:var(--blush-mid);
  --map-station:   var(--jungle-lt);
}