/* site.css — canonical design tokens (single source of truth).
 *
 * Mirrors the "Canonical tokens" block in DESIGN.md. Pages that speak the
 * instrument-panel dark vocabulary link this instead of re-declaring :root,
 * so a brand change is one edit. Page-specific extras (e.g. profile's
 * win/loss/tie) stay in that page's own trimmed :root.
 *
 * Divergent-vocabulary pages are intentional exceptions, NOT consumers of
 * this file: lobby/recap (warm --orange/--surface set), admin (inverted
 * accents), skins (light-default with a dark override). See DESIGN.md.
 */
:root{
  /* surfaces — cool blue-black ground */
  --bg:#090c12; --bg2:#0e131c; --panel:#0e131c; --panel2:#131b27;
  --line:#19222e; --line2:#27323f;
  /* ink */
  --ink:#eef2f8; --text:#c7d0dc; --muted:#8893a4; --faint:#525e6e;
  /* amber phosphor signal */
  --accent:#e8862a;            /* primary action / brand */
  --hot:#ffbf47;               /* hover / emphasis */
  --glow:rgba(232,134,42,.30);
  /* status */
  --live:#ff5b4d; --ok:#3ad29a;
  /* type */
  --disp:"Space Grotesk","Inter","Segoe UI",system-ui,sans-serif;  /* headings, wordmark — Inter covers Cyrillic (Space Grotesk is Latin-only) */
  --ui:"Inter","Segoe UI",system-ui,sans-serif;            /* body / UI */
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;    /* tags, codes, numbers */
}