/* ============================================================
   tokens.css — THE theming contract (§11).
   Every visual value resolves to a token here, so a theme is a
   value-swap, not a code edit.
   Two live axes: Tone (data-tone presets below) + Accent
   (--accent / --accent-rgb, set by js/theme.js from one value).
   ============================================================ */
:root{
  /* ---- Tone (default: Midnight Blue — the mockup's palette) ---- */
  --bg:#06090e;            --bg-rgb:6,9,14;
  --bg2:#0d121b;
  --panel:#0f151f;         --panel-rgb:15,21,31;
  --panel2:#121a26;
  --line:rgba(255,255,255,.065);
  --line2:rgba(255,255,255,.11);
  --txt:#e7eef6; --dim:#8895a7; --dim2:#5c6879;

  /* ---- Accent (one token; js/theme.js overrides both on pick) ---- */
  --accent:#34d4c4;
  --accent-rgb:52,212,196;
  --accent-dim:color-mix(in srgb, var(--accent) 42%, var(--bg));

  /* ---- Status LEDs ---- */
  --ok:#43d787;   --ok-rgb:67,215,135;
  --warn:#f5b544; --warn-rgb:245,181,68;
  --crit:#ff5b66; --crit-rgb:255,91,102;
  --info:#5aa9ff; --info-rgb:90,169,255;

  /* ---- Chrome ---- */
  --glow:0 0 0 1px var(--line), 0 12px 32px -12px rgba(0,0,0,.7);
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --sans:'Hanken Grotesk',system-ui,sans-serif;
}

/* ---- Tone presets (§5.7) — dark-family tints; switch = data-tone value-swap ---- */
:root[data-tone="graphite"]{
  --bg:#0a0a0c;  --bg-rgb:10,10,12;
  --bg2:#111114;
  --panel:#141418; --panel-rgb:20,20,24;
  --panel2:#19191e;
  --txt:#eceef1; --dim:#94989f; --dim2:#63676e;
}
:root[data-tone="deepblack"]{
  --bg:#000000;  --bg-rgb:0,0,0;
  --bg2:#07080a;
  --panel:#0a0c0f; --panel-rgb:10,12,15;
  --panel2:#0e1114;
}
:root[data-tone="warmchar"]{
  --bg:#0c0908;  --bg-rgb:12,9,8;
  --bg2:#131009;
  --panel:#171310; --panel-rgb:23,19,16;
  --panel2:#1c1713;
  --txt:#f0eae4; --dim:#a2988c; --dim2:#6e655b;
}

/* ---- Light theme HOOK (§11 — scaffolded, NOT shipped) ----
   The [data-theme="light"] attribute is the drop-in seam for a
   later dedicated light design pass (Build C/D). Intentionally
   empty of a polished palette; the Settings control is
   roadmap-labeled and not wired. */
:root[data-theme="light"]{
  /* token block reserved — a full light palette lands here later */
}