/* Henry & Lily — design tokens. The single source of truth for the palette,
   type families, radii, and stacking order. Mirrors design.json / DESIGN.md.
   Load this BEFORE styles.css. Values are deliberate: see DESIGN.md "The
   Stationery Palette" before changing one. */
:root{
  /* ---- Papers (light grounds) ---- */
  --cream:#F7F2E8;      /* body stock + outline-button fill */
  --cream-2:#F1E9DA;    /* inset tints / image placeholders */
  --paper:#FCFAF4;      /* raised second sheet (Story, Gallery, Location) */

  /* ---- Inks (text + dark grounds) ---- */
  --ink:#2B2420;        /* primary text; inverted RSVP / footer ground */
  --ink-soft:#5A4F45;   /* body prose on cream (clears WCAG AA at ~7:1) */
  --label-ink:#73624A;  /* readable label hue on LIGHT grounds — section eyebrows,
                           countdown, scroll cue. Taupe, darkened until it clears AA
                           (~5.3:1) at the 10–12px label sizes where taupe fails. */
  --taupe:#A89279;      /* DECORATIVE label hue — readable ONLY on the dark RSVP/footer
                           ground (~5.1:1); never on light grounds, never running prose. */
  --line:#D8CBB4;       /* every 1px hairline on light grounds */

  /* ---- Dark-ground inks (RSVP / footer only) ---- */
  --ink-line:#4A423A;   /* field underline + dividers on the ink ground */
  --ink-border:#3A332C; /* guest-card border + footer top rule */
  --ink-mute:#9A917F;   /* placeholder text on the ink ground (clears AA ~4.9:1) */

  /* ---- Foil gold (scarce accent, never a fill except the CTA) ---- */
  --gold:#9C7B3E;       /* the only accent: ampersand, rules, focus, CTA, large gold text */
  --gold-deep:#7E6024;  /* deep foil for SMALL gold labels on LIGHT grounds — schedule
                           times, location-note tag. Foil gold fails AA under 18px on
                           cream/paper (3.5:1); this clears it (~5.2:1) and still reads gold. */
  --gold-light:#B89456; /* submit-button hover, AND small gold labels on the DARK ground
                           (guest-card title) where foil gold is too dark (clears AA ~5.4:1) */

  /* ---- Error (invalid fields on the dark RSVP ground only) ---- */
  --error:#CC7777;      /* invalid field underline */
  --error-text:#DD8899; /* error message text */

  /* ---- Type families (see DESIGN.md "Ink on Paper") ---- */
  --serif:'Cormorant Garamond', Georgia, serif;  /* display + body + italic voice */
  --sans:'Jost', system-ui, sans-serif;          /* short uppercase tracked labels only */

  /* ---- Radii ---- */
  --radius-sm:6px;      /* selectable chips (attend / meal) */
  --radius-md:8px;      /* guest card */
  --radius-pill:999px;  /* buttons */
  --radius-full:50%;    /* dots, the seal, the spinner */

  /* ---- Z-index scale (low to high; no magic numbers) ---- */
  --z-base:1;           /* timeline dot above its connecting line */
  --z-raised:2;         /* lightbox controls above the image */
  --z-grain:45;         /* fixed stationery-grain overlay */
  --z-nav:50;           /* fixed nav bar */
  --z-nav-button:60;    /* hamburger above the open mobile drawer */
  --z-modal:100;        /* lightbox */
}