/* tokens.css — the ONLY file that contains colour values. Design doc: §6.1, §6.4.
   Couple-selected direction (TBD T1/T2, pending final visual QA): the purple from
   the white-purple invitation (#b3a3d2, its print colour) is the page background
   with dark violet text ink on it; surfaces are sage washes (the green invite's
   #c4dcc3 — no white on the site, per the couple's instruction), and text-grade
   greens are very dark forest for readability. Set on 2026-10-23. Swapping values
   here re-skins the whole site. */

:root {
  /* ---- Purple: backgrounds and surfaces (reference: navy; shade: the white-purple invite's print lavender) ---- */
  --color-bg-top:   #b3a3d2;  /* page background (reference bg-top #0b1120)  */
  --color-bg-mid:   #ab9dc8;  /* deeper background band (reference #091019)  */
  --color-bg-deep:  #978fb0;  /* deepest vignette        (reference #060d18)  */
  --color-dark:     #b3a3d2;  /* section background      (reference dark)     */
  --color-card:     #c4dcc3;  /* couple-card surface     (reference dark3)    */
  --color-surface-hex: #c4dcc3; /* base of the alpha-stepped surface family (sage washes over the purple, per the couple's instruction) */

  /* Surfaces: same alpha steps as the reference (#080e1c at 0d..bf) */
  --color-surface-2xs:   #c4dcc306; /* ~2% */
  --color-surface-xs:    #c4dcc30d;  /*  5% */
  --color-surface-sm:    #c4dcc333; /* 20% */
  --color-surface-md:    #c4dcc373; /* 45% */
  --color-surface-lg:    #c4dcc3b3; /* 70% */
  --color-surface-content: #c4dcc3ad; /* 68% */
  --color-surface-dark:  #c4dcc3bf; /* 75% */
  --color-surface-hover: #c4dcc347; /* 28% */

  /* ---- Overlays (purple washes over media, under dark text) ---- */
  --color-overlay-base:  #b3a3d2;  /* cover gradient base (reference #03050c); matches the page background so the cover dissolves into the site */
  --color-overlay-photo: #b3a3d261; /* flat wash over cover photo (reference #080e1c61) */
  --color-black-42:      #b3a3d26b; /* hero video dimmer (reference black-42; purple in this theme so dark ink reads over the video) */

  /* ---- Green: the accent family (reference: gold; shade: sage from the green invite). Text-grade greens are
     very dark forest so they read on the purple (the couple's instruction, 2026-10-23: dark green text at
     #4a6239-and-paler was unreadable on the purple); pale sage #c4dcc3 remains in the surfaces, scratch card,
     glows and dim decorations only. ---- */
  --color-green:       #1f2e1a;  /* primary accent   (reference gold #f0c84a) — dark forest, AA everywhere */
  --color-green-light: #24331f;  /* bright accent    (reference gold-light #fce077) — button labels, ॐ, plaques; AA everywhere */
  --color-green-accent:#1f2e1a;  /* mid accent       (reference gold-accent #f5cc3a) — kickers and labels */
  --color-green-dim:   #7a9468;  /* recessed accent  (reference gold-dim #b8920a) — decorative only */
  --color-green-dark:  #3a4f2c;  /* deep accent      (reference gold-dark #8b6914) — decorative only */
  --color-green-ink:   #2e4224;  /* caption ink on the sage scratch card (reference gold-ink #8b6250)  */

  /* ---- Lavender: the secondary accent (lighter than the background so it reads) ---- */
  --color-lavender:       #dcd2e9;
  --color-lavender-light: #ede6f6;
  --color-lavender-dim:   #ab9dc8;

  /* ---- Text (dark violet inks on the purple background; set 2026-10-23) ---- */
  --color-cream:     #2f2b3c;  /* body text      (reference #f8f4ec) */
  --color-muted:     #3f3a50;  /* secondary text (reference #ddd3bd) */
  --color-name-text: #241f31;  /* display headings (reference #faf6ec) */
  --color-hero-ink: #64508f; /* hero title + kicker ink (§10.2) — deep violet on the creamy halo (6.2:1, AA); the hero icon matches it; set 2026-10-24 */
  --color-display-text: #24361f; /* dark text on the light scratch card (reference #2b2013) */
  --color-cream-faint: #2f2b3c61; /* faint footer credit (reference cream-faint) */

  --color-error: #6e2424;  /* gate error message (§8.3 PLACEHOLDER warm red) */

  /* ---- Borders and lines: sage alpha steps (reference gold f0c84a alphas) ---- */
  --color-line:      #4a6239d1;  /* hairline flourishes  (reference gold-line)   */
  --color-line-md:   #4a6239cc;  /* medium hairline      (reference gold-line-md) */
  --color-border:    #4a62394d;  /* standard border      (reference gold-border) */
  --color-border-xs: #4a62394d;  /* faint border         (reference gold-border-xs) */
  --color-border-sm: #4a623973;  /* card borders         (reference gold-border-sm) */
  --color-border-md: #4a6239cc;  /* button borders       (reference gold-border-md) */
  --color-bracket:   #4a6239b3;  /* corner brackets      (reference gold-bracket)  */
  --color-media-border: #7a946880; /* scratch/map frames (reference gold-media-border #f2b08280) */

  /* ---- Music button (§9.2 reference-exact geometry) ---- */
  --color-music-border: #4a623959;  /* sage at 35% */
  --color-music-bg:    #ab9dc8b8;  /* mid band at 72% */

  /* ---- Glows: light sage (g) and light lavender (l) alpha steps (reference gold-glow-XX; lighter than the bg so glows brighten) ---- */
  --glow-g-04: #bbd1a20a;
  --glow-g-05: #bbd1a20d;
  --glow-g-06: #bbd1a20f;
  --glow-g-08: #bbd1a214;
  --glow-g-10: #bbd1a21a;
  --glow-g-16: #bbd1a229;
  --glow-g-20: #bbd1a233;
  --glow-g-25: #bbd1a240;
  --glow-g-35: #bbd1a259;
  --glow-g-40: #bbd1a266;
  --glow-l-04: #dcd2e90a;
  --glow-l-05: #dcd2e90d;
  --glow-l-06: #dcd2e90f;
  --glow-l-08: #dcd2e914;
  --glow-l-10: #dcd2e91a;
  --glow-l-20: #dcd2e933;
  --glow-l-25: #dcd2e940;
  --glow-l-40: #dcd2e966;
  --glow-l-70: #dcd2e9b3;

  /* ---- Scratch card (sage card on the purple page, like the reference's cream card) ---- */
  --color-scratch-card-bg:  #c4dcc3ad; /* translucent sage card (reference #fff4f0e6) */
  --color-scratch-text:    #24361f;   /* revealed date text under foil (reference #fdf6ec) */
  --color-scratch-glow:    #9cba828c; /* foil sheen highlight (reference #f2b0828c) */
  --color-scratch-glow-soft: #9cba824d;
  --color-scratch-sparkle: #f2f7e9d9; /* sparkle particles (reference #fff5e6d9); pale sage, not white */

  /* ---- Fonts (§14) ---- */
  --font-display: "Cormorant Garamond", "Cormorant Garamond Fallback", "Georgia", serif;
  --font-body:    "Raleway", "Raleway Fallback", "Helvetica Neue", sans-serif;
  --font-cinzel:  "Cinzel", "Cinzel Fallback", serif;
  --font-devanagari: "Noto Serif Devanagari", "Nirmala UI", "Noto Sans Devanagari", serif;

  /* ---- Shadows (light sage lift glows behind dark text over media; no white on the site) ---- */
  --shadow-name-text: 0 2px 12px rgba(242, 247, 233, 0.7), 0 8px 40px rgba(242, 247, 233, 0.45);
  --shadow-hero-text: 0 2px 8px rgba(242, 247, 233, 0.7), 0 8px 40px rgba(242, 247, 233, 0.5);

  /* ---- Hero (§10.2) ---- */
  --color-hero-bg: #b3a3d2;          /* behind the video; error fallback recolours it */

  /* ---- Calendar icon stroke (§10.6: sage at .75) ---- */
  --color-icon-calendar: #4a6239bf;

  /* ---- Z-index scale: fixed layers (§6.4, reference values) ---- */
  --z-music:   9990;
  --z-flowers: 9995;
  --z-petals:  9996;
  --z-grain:   9998;
  --z-cover:   99990;
  --z-cursor:  99999;
}