:root, [data-theme="dark"] {
  --color-bg: #0a0b0d;
  --color-surface: #101216;
  --color-surface-2: #151820;
  --color-surface-3: #1c202a;
  --color-surface-elevated: #212632;
  --color-border: #262b37;
  --color-border-strong: #363c4b;
  --color-divider: #1a1e26;
  --color-text: #e8eaed;
  --color-text-muted: #8a94a6;
  --color-text-faint: #5a6272;
  --color-text-inverse: #0a0b0d;
  --color-accent: #f59e0b;
  --color-accent-hover: #fbbf24;
  --color-accent-dim: #b47509;
  --color-accent-tint: rgba(245, 158, 11, 0.12);
  --color-accent-glow: rgba(245, 158, 11, 0.35);
  --color-severity-critical: #ef4444;
  --color-severity-high: #f59e0b;
  --color-severity-elevated: #eab308;
  --color-severity-moderate: #22d3ee;
  --color-severity-info: #64748b;
  --color-status-disrupted: #ef4444;
  --color-status-elevated: #f59e0b;
  --color-status-normal: #10b981;
  --radius-xs: 2px; --radius-sm: 4px; --radius-md: 6px; --radius-lg: 10px; --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 12px 32px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 24px rgba(245,158,11,0.15);
  --text-xs: clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem);
  --text-sm: clamp(0.8125rem, 0.75rem + 0.25vw, 0.9375rem);
  --text-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.5rem + 2vw, 3.25rem);
  --text-hero: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;
  --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem; --space-32: 8rem;
  --content-narrow: 640px; --content-default: 1080px; --content-wide: 1440px;
  --transition-fast: 120ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
}