/* ═══════════════════════════════════════════════════════════════════════════
   Lumessa — marketing site — tokens.css

   No version stamp — see the note in site.css. This file is a COPY of the app's `:root` block (prototype.html v5.76) and the
   two must not drift. site-brief.md Section 6; decision D9 puts this directory
   under the contrast validator for exactly that reason.

   Every token below carries its measured WCAG 2.1 contrast ratio against the
   page ground and the card ground, in that order; where one figure is given the
   element appears on one ground only. The worse figure governs. The ratios are
   part of the declaration (architectural-principles.md §2e) — do not strip them.

   THE DIVERGENCE THAT USED TO BE HERE IS CLOSED, and the note is kept because
   the correction in it is worth more than the divergence was.

   From W1 to site v0.4 this block said `--sans` was 'DM Sans' here and 'Inter'
   in the app, and cited "brand-brief.md §4b and compliance-checklist.md §A" as
   the authority. TWO THINGS WERE WRONG WITH THAT. The app is now on DM Sans
   (prototype v5.71), so the divergence is gone. And §4b was never the right
   citation — it is the COLOUR section. The brand brief named no typeface at all
   until Section 4c was added at brand-brief v1.22, which means the app's body
   typeface was required only by the checklist that verifies the brand and not by
   the brief that states it. That is how the app ran the wrong face for months
   without contradicting the document a designer would have read.

   The correct citation is brand-brief.md §4c and compliance-checklist.md §A.

   THE NEUTRAL SCALE MOVES OFF AMBER AT BRAND-BRIEF v1.31 — §4b, the
   word-panel-v3 batch. `--text-body` and `--text-sub` ship at the mockup's
   own white values exactly; `--text-muted` and `--ui-line` do NOT, because the
   mockup's own figures (white 0.42 / amber 0.22) measure below this section's
   own floors (4.5:1 text, 3:1 line) and shipping them would defeat the floor
   mechanism that exists to catch exactly this. Both ship at the nearest value
   that clears it instead — see the rows below. `--amber` itself and every
   state/fill token derived from it are UNCHANGED: only the neutral text-and-
   line scale moved. This file was not touched when brand-brief v1.31 shipped
   (word-panel-v3, prototype.html + app-wide) — recorded as a breach found
   and closed in the same pass that first needed these values on this surface,
   rather than the pass that opened them.

   TWO TOKENS CARRIED BUT UNUSED ON THIS SURFACE: `--widget-text` and
   `--widget-accent` are scoped in the app to the lock-screen widget mock,
   which the site now also renders (the hero drawing). They are retained here
   so the two blocks stay literally comparable, unused-on-this-surface note
   struck accordingly.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --bg:#090C13;                                /* page ground                         */
  --card-bg:rgba(224,188,122,0.05);            /* card ground, 1.07:1 vs page         */
  --amber:#e0bc7a;                             /* 10.85:1 page / 10.12:1 card         */
  --text-body:rgba(255,255,255,0.86);          /* 14.41:1 / 13.62:1 — brand-brief §4b v1.31 */
  --text-sub:rgba(255,255,255,0.62);           /*  7.75:1 /  7.51:1 — brand-brief §4b v1.31 */
  --text-muted:rgba(255,255,255,0.47);         /*  4.82:1 /  4.81:1 — floor-clearing value, not the mockup's 0.42 */
  --ui-line:rgba(224,188,122,0.47);            /*  3.15:1 /  3.14:1 — floor-clearing value, not the mockup's 0.22 */
  --focus-ring:rgba(224,188,122,0.55);         /*  3.79:1 /  3.78:1 — focus outline   */
  --fill-active:rgba(224,188,122,0.62);        /*  4.67:1 — completed/selected/on     */
  --fill-quiet:rgba(224,188,122,0.08);         /*  1.12:1 — its counterpart           */
  --card-border:rgba(224,188,122,0.13);        /*  1.25:1 /  1.30:1 — decorative only */
  --sage:#8FBF9F;                              /*  9.43:1 /  8.80:1                   */
  --widget-text:rgba(255,255,255,0.72);        /* widget-mock ground only             */
  --widget-accent:rgba(224,188,122,0.85);      /* widget-mock ground only — unused    */
  --serif:'Cormorant Garamond',Garamond,'Times New Roman',serif;--sans:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}