/* ============================================================
   tokens.css — design primitives (layer 1 of 5)
   The ONLY file (with theme.css) allowed to contain raw hex values.
   Verified Amelia's earth-tone brand (v6); navy dropped from public.
   ============================================================ */
:root {
  /* --- Brand primitives (raw values; never reference these directly in
         components — use the semantic tokens in theme.css) --- */
  --c-ink:        #313530;
  --c-ink-2:      #292b2c;
  --c-ink-deep:   #23251f;
  --c-cream:      #f4f3ef;        /* neutralized: was #f9f6e4 antique; light surface + near-white text on dark */
  --c-cream-2:    #eceae4;        /* neutralized: was #efe9d9; soft bands / subtle fills */
  --c-paper:      #fbfbf9;        /* neutralized: was #fcfaf3; card/summary surface */
  --c-ivory:      #f9f6e3;        /* palette: Happenings (warm ivory) — restrained accent band only */
  --c-taupe:      #cdc7bb;        /* palette: The Drinks (greige) */
  --c-sage:       #999a8c;        /* palette: Our Journey (light sage) — decorative/fills/on-dark */
  --c-sage-ink:   #5e6054;        /* AA sage for links/secondary buttons/focus (4.5:1 on white) */
  --c-rose:       #e3948f;        /* palette: Press (dusty rose) — decorative + on-dark accent */
  --c-rose-ink:   #9e6764;        /* AA dusty rose for kickers/prices/warm text (4.6:1 on white) */
  /* AA neutral muted text. Was #78756e, whose 4.6:1 was measured against pure WHITE —
     a surface this site does not have. Every page sits on --c-bone, and the soft bands
     and the Happenings panels sit on --c-cream-2 / --c-ivory, so the value it was
     actually asked for was 4.37:1 on the page background and 4.23:1 on ivory. Both fail
     AA, sitewide, on every piece of muted text there is.
     Measured 2026-08-17 in the browser, not calculated from the swatch. Six steps darker
     per channel clears it against all three real surfaces (bone 4.76, ivory 4.61,
     white 5.01) and is imperceptible as a colour change. */
  --c-taupe-ink:  #726f68;
  /* legacy olive/gold retired in favor of the brand palette (sage + dusty rose) */
  --c-olive:      #5e6054;
  --c-olive-ink:  #5e6054;
  --c-gold:       #e3948f;
  --c-gold-ink:   #9e6764;
  --c-danger:     #a1392b;
  --c-danger-bg:  #f4ddd8;
  --c-line:       #e7e4dd;        /* neutralized: was #e4ddca warm tan; borders/dividers */
  --c-white:      #ffffff;
  --c-bone:       #faf9f6;        /* neutral near-white page bg (replaces antique cream; food pops) */
  --c-gold-bright: #f0d9a6;       /* brighter gold for text over dark hero imagery */

  /* dark-surface (footer / admin chrome) text ramps */
  --c-onink:       #cfcabb;
  --c-onink-dim:   #8d897d;
  --c-onink-bright:#d7d3c6;

  /* status fills */
  --c-ok-bg:      #e6efdd;
  --c-ok-ink:     #3c5417;
  --c-warn-bg:    #f6ecd4;
  --c-warn-ink:   #8a5a1a;
  /* aliases used by some page CSS */
  --ok-bg:        var(--c-ok-bg);
  --warn-bg:      var(--c-warn-bg);
  --warn-ink:     var(--c-warn-ink);

  /* admin-only (templated internal tool surfaces) */
  --c-admin-navy: #171a2d;

  /* --- Typography primitives ---
     The real brand type, per the brand-board PDF (assets/brand/source/…, p.8), whose
     embedded fonts are Audrey-Normal, SanDiego, Exmouth and Montserrat-Regular:
       display = Audrey (Cristina Pagnotta; free for commercial) — self-hosted woff2
       body    = Montserrat
       script  = San Diego (Typeline Studio) — self-hosted woff2 as of 2026-08-10.
     Audrey is a *sans*, so the fallbacks are elegant humanist sans faces, not a serif.
     (Supersedes the old "Audrey is licensed → Fraunces stand-in" note; see
     assets/fonts/README.md for the provenance check.)
     The script stack falls back to the display face: San Diego sets ONE line on the
     site, the hero's "Welcome to Amelia's," and there is no second cursive worth
     naming as a stand-in. Do not use it for UI text — it is a logo script. */
  --font-display-stack: 'Audrey', Optima, 'Gill Sans', 'Avenir Next', system-ui, sans-serif;
  --font-body-stack:    'Montserrat', system-ui, -apple-system, sans-serif;
  --font-script-stack:  'San Diego', var(--font-display-stack);

  --fs-root: 17px;
  --lh-body: 1.62;

  /* --- Space / layout primitives --- */
  --maxw: 1240px;        /* content column cap (text, cards, contained sections) */
  --radius: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 40px;
  --space-7: 64px;

  /* --- Breakpoints (referenced in comments; CSS uses literal min-widths) --- */
  /* sm 560px · md 768px · lg 980px · xl 1240px */
}