/* ArenaLab design tokens — the single palette/type/radius source (Phase 5).
   Locked design system: see specs/006-astro-site-shell/contracts/routes.md + ../../plan.md.
   Linked by index.html, auth.html, dashboard.html, and ide/index.html (before ide.css).
   Dark theme. */
:root {
  /* Surfaces */
  --bg: #161616;
  --panel: #1e1e1e;
  --toolbar: #252526;
  --canvas: #0d0d0d;
  --hover: #2d2d2e;
  --border: #3c3c3c;

  /* Text */
  --fg: #FFF4E1;
  --fg-2: #beb6a6;
  --fg-muted: #8d8579;
  --fg-faint: #5a5a5a;

  /* Brand teal (primary) */
  --teal: #76ABAE;
  --teal-hover: #8cc0c3;
  --teal-active: #5f9396;
  --ink-teal: #10262a;
  --teal-tint: #19292a;

  /* Accents */
  --yellow: #FFD460;
  --yellow-ink: #3a2e00;
  --orange: #FD7014;
  --red: #D72323;

  /* Type */
  --font-ui: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  /* Radius */
  --radius: 3px;
  --radius-card: 8px;
  --radius-pill: 999px;

  /* ── Legacy aliases (consumed by the existing ide.css + ported auth JS) ──
     Remap Phase-4 names onto the locked palette so old rules repaint automatically. */
  --accent: var(--teal);
  --accent-hover: var(--teal-hover);
  --err: var(--red);
  --warn: var(--yellow);
  --ok: var(--teal);
  --space: 8px;
  --font: var(--font-ui);
}

::selection { background: var(--teal); color: var(--ink-teal); }