:root{
  --bg:#0A0F1E; --surface:#111831; --surface-2:#172042; --surface-3:#1E2952;
  --border:#26335C; --text:#E8ECF5; --muted:#A3AEC7; --faint:#7C88A6;
  --primary:#3B82F6; --primary-soft:rgba(59,130,246,.14);
  --ok:#22C55E; --ok-soft:rgba(34,197,94,.14);
  --warn:#F59E0B; --warn-soft:rgba(245,158,11,.14);
  --bad:#EF4444; --bad-soft:rgba(239,68,68,.14);
  --idle:#64748B; --idle-soft:rgba(100,116,139,.18);
  --radius:12px; --radius-sm:8px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  --font:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Fira Code",ui-monospace,"Cascadia Code",Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1); --dur:200ms;
  --z-sticky:20; --z-drawer:100; --z-toast:1000;
  --link:#8AB4FF; --link-hover:#B3CEFF; --top-bg:rgba(10,15,30,.92); --hover-border:#3A4C85; --marker:#fff;
  --ok-fg:#4ADE80; --warn-fg:#FBBF24; --bad-fg:#F87171; --idle-fg:#B8C2D6; --info-fg:#93B8FF; --err-fg:#FCA5A5;
  --on-strong:#fff; --avatar-mix:100%; color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#F4F6FB; --surface:#FFFFFF; --surface-2:#F1F4FA; --surface-3:#E4E9F3;
  --border:#D5DCEA; --text:#0F172A; --muted:#475569; --faint:#5B6B82;
  --primary:#2563EB; --primary-soft:rgba(37,99,235,.10);
  --ok-soft:rgba(22,163,74,.12); --warn-soft:rgba(217,119,6,.12); --bad-soft:rgba(220,38,38,.10); --idle-soft:rgba(71,85,105,.12);
  --link:#1D4ED8; --link-hover:#1E3A8A; --top-bg:rgba(244,246,251,.92); --hover-border:#9DB0D6; --marker:#0F172A;
  --ok-fg:#15803D; --warn-fg:#B45309; --bad-fg:#B91C1C; --idle-fg:#475569; --info-fg:#1D4ED8; --err-fg:#B91C1C;
  --on-strong:#0F172A; --avatar-mix:55%; color-scheme:light;
}