/* SOC-Maddy — design tokens. Tema oscuro por defecto; <html data-theme="light"> para claro. */
:root, [data-theme="dark"] {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --font-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --bg: #08090b;
  --surface-100: #0e1013;
  --surface-200: #14171b;
  --surface-300: #1b1f24;
  --line: #1f242a;
  --line-strong: #333a42;
  --grid-dot: #1c2127;
  --ink: #ededef;
  --ink-muted: #8d949e;
  --ink-subtle: #7a818b;
  --brand: #2dd4bf;
  --brand-soft: #2dd4bf1a;
  --on-brand: #04211d;
  --threat: #ff5c69;
  --threat-soft: #ff5c691f;
  --safe: #34d399;
  --safe-soft: #34d3991a;
  --warn: #fbbf24;
  --warn-soft: #fbbf241a;
  --isolated: #7a818b;
  --shadow-panel: 0 12px 32px #00000080;
}
[data-theme="light"] {
  --bg: #f7f8f9;
  --surface-100: #ffffff;
  --surface-200: #f3f4f6;
  --surface-300: #e9ebee;
  --line: #e3e6ea;
  --line-strong: #c9ced4;
  --grid-dot: #dde1e5;
  --ink: #0b0d10;
  --ink-muted: #555c66;
  --ink-subtle: #6b727c;
  --brand: #0d7a70;
  --brand-soft: #0d7a7012;
  --on-brand: #ffffff;
  --threat: #c8283a;
  --threat-soft: #c8283a12;
  --safe: #12783f;
  --safe-soft: #12783f12;
  --warn: #8f5a00;
  --warn-soft: #8f5a0012;
  --isolated: #6b727c;
  --shadow-panel: 0 8px 24px #0b0d1014;
}