/* ---------- Design tokens ---------- */
/* Dark is the default. A light theme (Phase 3) overrides these under
   :root[data-theme="light"]; everything else reads the variables. */
:root{
  --bg:#09090b; --surface:#111113; --card:#18181b; --border:#27272a;
  --text:#fafafa; --muted:#71717a;
  --teal:#2dd4bf; --amber:#f59e0b; --indigo:#818cf8; --red:#f87171; --green:#4ade80;
  --blue:#60a5fa; --purple:#a78bfa;
  --accent:var(--teal);
  --radius-card:8px; --radius-input:6px; --radius-badge:4px;
  --nav-bg:rgba(9,9,11,.82);
  color-scheme:dark;
}

:root[data-theme="light"]{
  --bg:#f7f7f8; --surface:#ffffff; --card:#ffffff; --border:#e4e4e7;
  --text:#18181b; --muted:#71717a;
  --teal:#0d9488; --amber:#b45309; --indigo:#4f46e5; --red:#dc2626; --green:#16a34a;
  --blue:#2563eb; --purple:#7c3aed;
  --nav-bg:rgba(255,255,255,.85);
  color-scheme:light;
}