/* ============================================================
   bw-tokens.css
   DESIGN.md, made real.

   The 36 tokens in DESIGN.md were documentation only: not one of
   them existed as a CSS custom property anywhere on the site. So
   pages invented their own vocabularies for the same ramp, and
   the homepage alone carried 292 raw hex literals across three
   parallel naming schemes (--bw-*, --e-*, and bare hex).

   This file is the single semantic layer. Names and values are
   copied from DESIGN.md verbatim; changing a value here is a
   design decision, changing it anywhere else is drift.

   Load order: bw-header.css, then this, then bw-site.css.
   ============================================================ */

:root{
  /* ---------- surfaces ---------- */
  --night-bg:#0a0a12;
  --panel-surface:#12101c;
  --component-surface:#151220;
  --row-well:#100d1a;
  --beat-well:#120f1c;
  --pop-surface:#141322;
  --code-well:#07070d;

  /* ---------- ink ramp ----------
     #717c98 is the documented floor and measures 4.83:1 on the
     night background. Nothing carrying text may go dimmer. */
  --ink-strong:#eef1f8;
  --ink-body:#c3cbdc;
  --ink-soft:#8a92a7;
  --ink-faint:#717c98;

  /* ---------- the one accent ---------- */
  --violet-accent:#c084fc;
  --violet-ink:#d6bcff;
  --violet-strong:#a855f7;
  --violet-deep:#7c3aed;
  --violet-face:#f7f2ff;
  --violet-face-2:#dcc9ff;
  --violet-hover-bright:#e6d5ff;

  /* ---------- header ---------- */
  --header-deck:#17102a;
  --header-card:#20143a;
  --header-wash:#1f1032;

  /* ---------- semantics ----------
     These appear only as the consequence of a commitment. */
  --verdict-gold:#fbbf24;
  --clue-gold:#f4cf7a;
  --proof-green:#54d6a0;
  --proof-green-ink:#8ef0c2;
  --miss-rose:#f2758c;
  --miss-rose-ink:#f7a6b4;
  --clue-blue:#7cc4ff;

  /* ---------- structure ---------- */
  --title-white:#fff;
  --hair:#2a2540;
  --hair-soft:#221d34;
  --hair-hover:#3d3560;
  --shadow-deep:rgba(0,0,0,.8);
  --shadow-pop:rgba(0,0,0,.9);

  /* ---------- opening question ink ---------- */
  --op-ink:#efecf6;
  --op-ink-strong:#fdfcff;
  --op-ink-soft:#c4bcd6;
  --op-ink-faint:#948aac;

  /* ---------- motion ---------- */
  --ease:cubic-bezier(.22,1,.36,1);
}

/* ============================================================
   Aliases.

   Three vocabularies already name this ramp. Rather than a
   flag-day rename across 587 pages, the older names now point at
   the canonical token, so both spellings resolve to one value and
   migration can happen file by file without a visual diff.

   --e-* was introduced by me while matching the deep-dive schema.
   It should not have become a fourth vocabulary; it is aliased
   here and should be removed from the homepage once its uses are
   migrated.
   ============================================================ */
:root{
  --e-night:var(--night-bg);
  --e-surface:var(--panel-surface);
  --e-surface2:var(--component-surface);
  --e-ink:var(--ink-strong);
  --e-ink2:var(--ink-body);
  --e-ink3:var(--ink-soft);
  --e-ink4:var(--ink-faint);
  --e-violet:var(--violet-accent);
  --e-violet-lt:var(--violet-ink);
  --e-gold:var(--clue-gold);
  --e-line:rgba(214,196,255,.13);
  --e-line2:rgba(214,196,255,.07);
  --e-hair:var(--hair);
  --e-hair-soft:var(--hair-soft);
  --e-hair-hover:var(--hair-hover);
  --e-ease:var(--ease);
}