/* tokens.css — brand tokens, carried over from BOTH builds (do not invent values).
 *
 * Values below are lifted from:
 *   - cream v1 ("Original Atheric"): builds/cream/atheric-brand-offline.html + handoff/design.md §2
 *   - dark V2 ("Liquid Chrome"):     builds/dark/handoff/design.md §4 + README "Design tokens"
 *
 * The brand spine is identical across both grounds: Archivo (lowercase display) /
 * Instrument Serif (italic break) / JetBrains Mono (labels), and one signal-orange accent.
 * Only the ground inverts. Verify against builds/dark/handoff/source/_ds/colors_and_type.css
 * before treating any value as final.
 */

:root {
  /* --- Shared accent + type (constant across the inversion) ----------------------------- */
  --signal: #ff4d1f; /* THE accent: italic serif words, kickers, live-dot, wordmark period */
  --signal-2: #ffb43c; /* warm aurora secondary (dark only) */
  --cool: #1f3bff; /* cool aurora breath (dark only) */

  --font-display: 'Archivo', system-ui, sans-serif; /* lowercase, letter-spacing ~-0.045em */
  --font-break: 'Instrument Serif', Georgia, serif; /* italic only, colored --signal */
  --font-label: 'JetBrains Mono', ui-monospace, monospace; /* UPPERCASE, 0.18–0.24em tracking */

  /* --- Ground: DARK (off-black overture) — dark V2 -------------------------------------- */
  --ground-dark: #050505;
  --ground-dark-raised: #0a0a0a;
  --ink-on-dark: #f4f1ec; /* bone, inverted */
  --ink-on-dark-dim: rgba(244, 241, 236, 0.62);
  --rule-on-dark: rgba(244, 241, 236, 0.1);

  /* --- Ground: CREAM (resting state, brand color) — cream v1 ---------------------------- */
  /* design.md calls it bone paper #efece4; the offline build paints #faf9f5. Confirm which
     is canonical in builds/cream/ before shipping — kept here as the v1 build renders it. */
  --ground-cream: #faf9f5;
  --ink-on-cream: #0a0a0a; /* near-black ink */
  --ink-on-cream-dim: rgba(10, 10, 10, 0.62);
  --rule-on-cream: rgba(10, 10, 10, 0.1);

  /* --- Seam-driven, interpolated ground (computed from --seam-progress; do not edit) ----- */
  --seam-progress: 0; /* 0 = dark, 1 = cream; set by main.js → invert() */
}