/* ============================================================
   CLAB ZERO TRUST — DESIGN TOKENS (single source of truth)
   Bright = VERIDICT Argus (default) · Dark = Reactor "Obsidian & Ember"
   Typography (faces, sizes, weights, line-heights) = Argus, both themes
   Extracted verbatim from Slice 0 (CLAB_ZeroTrust_CommandCenter.html).
   Never hand-pick a hex — derive everything from these tokens.
   ============================================================ */
:root{
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Sora','Inter',sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-cap:.625rem; --fs-xs:.75rem; --fs-sm:.875rem; --fs-base:1rem;
  --fs-lg:1.125rem; --fs-xl:1.25rem; --fs-2xl:1.5rem; --fs-3xl:1.875rem;
  --lh-base:1.5; --lh-tight:1.15;
  --radius:12px; --radius-sm:8px; --radius-lg:16px;

  /* Bright — Argus */
  --bg-base:#f8fafc;
  --bg-gradient:radial-gradient(ellipse at top,#f1f5f9 0%,#ffffff 45%,#f8fafc 100%);
  --grid-color:rgba(15,23,42,.035);
  --surface:rgba(255,255,255,.8);
  --surface-solid:#ffffff;
  --surface-hover:#ffffff;
  --surface-inset:#f1f5f9;
  --border:#e2e8f0; --border-bright:#cbd5e1;
  --blur:blur(16px);
  --shadow:0 4px 30px rgba(15,23,42,.05); --shadow-lg:0 10px 40px rgba(15,23,42,.10);
  --text:#334155; --text-strong:#0f172a; --text-head:#0f172a; --text-muted:#64748b;
  --brand:#0891b2; --brand-strong:#0e7490; --brand-bg:#ecfeff; --brand-border:#a5f3fc;
  --brand-fg:#052e33; --brand-glow:rgba(8,145,178,.18);
  --sev-crit:#e11d48; --sev-crit-bg:#ffe4e6; --sev-crit-bd:#fecdd3;
  --sev-high:#ea580c; --sev-high-bg:#ffedd5; --sev-high-bd:#fed7aa;
  --sev-med:#d97706;  --sev-med-bg:#fef3c7;  --sev-med-bd:#fde68a;
  --sev-low:#0891b2;  --sev-low-bg:#ecfeff;  --sev-low-bd:#a5f3fc;
  --sev-info:#64748b; --sev-info-bg:#f1f5f9; --sev-info-bd:#e2e8f0;
  --ok:#059669; --ok-bg:#d1fae5; --ok-bd:#a7f3d0; --warn:#d97706; --crit:#e11d48;
  --sidebar-w:264px; --header-h:60px;
}
html[data-theme="dark"]{
  /* Dark — Reactor "Obsidian & Ember" */
  --bg-base:#050505; --bg-gradient:transparent; --grid-color:rgba(255,255,255,.05);
  --surface:rgba(15,17,23,.6); --surface-solid:#0f1117; --surface-hover:rgba(25,28,38,.85); --surface-inset:#0a0b0f;
  --border:rgba(255,255,255,.06); --border-bright:rgba(255,255,255,.15);
  --blur:blur(20px);
  --shadow:0 8px 32px rgba(0,0,0,.4); --shadow-lg:0 16px 48px rgba(0,0,0,.55);
  --text:#ededed; --text-strong:#ffffff; --text-head:#ffffff; --text-muted:#888888;
  --brand:#fb3b53; --brand-strong:#ff7e92; --brand-bg:rgba(251,59,83,.1); --brand-border:rgba(251,59,83,.3);
  --brand-fg:#ffffff; --brand-glow:rgba(251,59,83,.5);
  --sev-crit:#f77272; --sev-crit-bg:rgba(247,114,114,.12); --sev-crit-bd:rgba(247,114,114,.3);
  --sev-high:#fb923c; --sev-high-bg:rgba(251,146,60,.12); --sev-high-bd:rgba(251,146,60,.3);
  --sev-med:#f5b83d;  --sev-med-bg:rgba(245,184,61,.12);  --sev-med-bd:rgba(245,184,61,.3);
  --sev-low:#38bdf8;  --sev-low-bg:rgba(56,189,248,.12);  --sev-low-bd:rgba(56,189,248,.3);
  --sev-info:#94a3b8; --sev-info-bg:rgba(148,163,184,.12);--sev-info-bd:rgba(148,163,184,.3);
  --ok:#35d6a4; --ok-bg:rgba(53,214,164,.12); --ok-bd:rgba(53,214,164,.35); --warn:#f5b83d; --crit:#f77272;
}