:root {
  /* ── Brand tokens (overridden by brand loader) ── */
  --brand-bg: #0A0E17;
  --brand-surface: #0D1117;
  --brand-card: #111827;
  --brand-border: #1E293B;
  --brand-accent: #06B6D4;
  --brand-accentHover: #22D3EE;
  --brand-accentGlow: rgba(6,182,212,0.08);
  --brand-text: #F1F5F9;
  --brand-textSecondary: #94A3B8;
  --brand-textMuted: #475569;
  --brand-green: #10B981;
  --brand-yellow: #F59E0B;
  --brand-red: #EF4444;

  /* ── Semantic tokens (derived from brand) ── */
  --bg: var(--brand-bg); --bg2: var(--brand-card); --bg3: #1F2937; --surface: var(--brand-surface);
  --border: var(--brand-border); --border2: #334155;
  --text: var(--brand-text); --text2: var(--brand-textSecondary); --text3: #64748B; --muted: var(--brand-textMuted);
  --cyan: var(--brand-accent); --cyanHover: var(--brand-accentHover); --green: var(--brand-green); --red: var(--brand-red); --amber: var(--brand-yellow); --purple: #8B5CF6;
  --accent-rgb: 6,182,212;
  --cyan-dim: rgba(var(--accent-rgb),0.10); --green-dim: rgba(16,185,129,0.10);
  --red-dim: rgba(239,68,68,0.10); --amber-dim: rgba(245,158,11,0.10); --purple-dim: rgba(139,92,246,0.10);
  --mono: 'JetBrains Mono', monospace; --sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --radius: 8px; --glow: 0 0 20px var(--brand-accentGlow);
  --modal-overlay: rgba(0,0,0,0.7); --overlay-dark: rgba(0,0,0,0.3);
  --radar-green: rgba(16,185,129,0.12); --radar-red: rgba(239,68,68,0.12); --radar-amber: rgba(245,158,11,0.12);
  --label-muted: #607B96;

  /* ── Legacy brand aliases (used by prior branding system) ── */
  --brand-primary: var(--cyan); --brand-primary-dim: var(--cyan-dim);
}
[data-theme="light"] {
  --bg: #F8FAFC; --bg2: #FFFFFF; --bg3: #F1F5F9; --surface: #F8FAFC;
  --border: #E2E8F0; --border2: #CBD5E1;
  --text: #0F172A; --text2: #475569; --text3: #64748B; --muted: #94A3B8;
  --cyan-dim: rgba(var(--accent-rgb),0.08); --green-dim: rgba(16,185,129,0.08);
  --red-dim: rgba(239,68,68,0.08); --amber-dim: rgba(245,158,11,0.08); --purple-dim: rgba(139,92,246,0.08);
  --glow: 0 0 20px rgba(var(--accent-rgb),0.06);
  --modal-overlay: rgba(0,0,0,0.3); --overlay-dark: rgba(0,0,0,0.04);
  --radar-green: rgba(16,185,129,0.18); --radar-red: rgba(239,68,68,0.18); --radar-amber: rgba(245,158,11,0.18);
  --label-muted: #607B96;
}
* { margin:0; padding:0; box-sizing:border-box; }