/* Design tokens — the canonical §9.2 palette as CSS custom properties.
   One source of truth for both worlds; every surface reads from here. */
:root {
  /* ── HUD (the dark base world) ─────────────────────────────── */
  --void: #060606;               /* page background */
  --panel: rgba(10, 10, 10, .8); /* §9.2 list/menu panel */
  --line: #d8d8d8;               /* rules & line-art — fade out at both ends */
  --line-dim: rgba(216, 216, 216, .3);
  --text: #dfdfdf;
  --text-bright: #fff;           /* active / selected */
  --text-dim: #8a8a8a;           /* done / disabled / timestamps */
  --gold: #c9a86a;               /* achievements — sparingly */
  --gold-glow: rgba(201, 168, 106, .6); /* --gold, soft — lit-star halo (§6.3) */
  --focus: #7db4c9;              /* icy focus rings */
  /* the three meters */
  --meter-effort: #a03c34;
  --meter-misc: #3f6c9e;
  --meter-progress: #4e9d5c;

  /* HUD base over the journey artwork: ~42%-opacity backdrop-blur panels
     (issue #19 / §9.1 — the menu-over-world trick). */
  --hud-glass: rgba(10, 10, 10, .42);
  --hud-blur: 10px;
  /* journey-artwork treatment (§9.1): blur ~6px, brightness ~.58, scrimmed */
  --art-blur: 6px;
  --art-brightness: .58;

  /* ── Parchment (the Journal's world) ──────────────────────── */
  --parchment: #e8dcc0;
  --parchment-mid: #d9c9a3;
  --parchment-edge: #b5a582;
  --ink: #2a2419;
  --ink-faded: #5d523f;
  --seal-red: #7a2f23;           /* drop caps & wax-seal accent */
  --seal-red-soft: rgba(122, 47, 35, .4); /* --seal-red, soft — reopen affordance border */

  /* ── Type roles (§9.2) ────────────────────────────────────── */
  --font-display: 'Sovngarde', 'IM Fell English', Georgia, serif; /* wordmark, titles, banners */
  --font-hud: 'Oswald', 'Arial Narrow', system-ui, sans-serif;    /* labels, buttons, numbers */
  --font-prose: 'EB Garamond', Georgia, serif;                    /* journal prose */
  --font-header: 'IM Fell English', 'EB Garamond', Georgia, serif;/* parchment headers */
  /* Ceremony timing (§9.3) is owned by ceremony.js `TIMING` — one source of truth,
     applied inline per-fade since in/out differ; no CSS mirror to drift from it. */
}