/* Blade v3 — CSS Tokens */

:root {
  --blade-bg: #0C0D10;
  --blade-surface: rgba(21, 23, 32, 0.72);
  --blade-surface-raised: rgba(28, 31, 43, 0.80);
  --blade-border: #2A2D3A;
  --blade-border-active: #E53E3E;
  --blade-text: #E8ECF0;
  --blade-text-secondary: #C4C9D4;
  --blade-text-muted: #8B92A5;
  --blade-text-faint: #555B6E;
  --blade-accent: #F56565;
  --blade-accent-deep: #E53E3E;
  --blade-accent-subtle: rgba(245, 101, 101, 0.08);
  --blade-accent-glow: rgba(245, 101, 101, 0.20);
  --blade-accent-on-accent: #0C0D10;
  --blade-secondary: #FC8181;
  --blade-score-high: #F56565;
  --blade-score-mid: #ED8936;
  --blade-score-low: #8B92A5;
  --blade-score-min: #555B6E;
  --blade-success: #48BB78;
  --blade-warning: #ED8936;
  --blade-error: #F56565;
  --blade-bar-track: #2A2D3A;
  --blade-card-hover: #1C1F2B;
  --blade-filter-active: #F56565;
  --blade-filter-active-txt: #0C0D10;
  --blade-toggle-bg: #1C1F2B;
  --blade-toggle-knob: #F56565;
  --blade-shadow-card: none;
  --blade-shadow-card-active: 0 0 0 3px rgba(245, 101, 101, 0.2);
  --blade-shadow-button: 0 0 16px rgba(245, 101, 101, 0.2);
  --blade-shadow-glow: 0 0 8px rgba(245, 101, 101, 0.2);
  --blade-shadow-drop-glow: drop-shadow(0 0 4px rgba(245, 101, 101, 0.2));
  --blade-font-body: 'DM Sans', sans-serif;
  --blade-font-mono: 'Space Mono', monospace;
  --blade-header-height: 56px;
  --blade-space-xs: 4px;
  --blade-space-sm: 8px;
  --blade-space-md: 12px;
  --blade-space-lg: 16px;
  --blade-space-xl: 20px;
  --blade-space-2xl: 24px;
  --blade-space-3xl: 32px;
  --blade-space-4xl: 40px;
  --blade-radius-tag: 4px;
  --blade-radius-input: 6px;
  --blade-radius-button: 8px;
  --blade-radius-card: 10px;
  --blade-radius-panel: 12px;
  --blade-radius-circle: 50%;
  --blade-transition-fast: all 0.15s ease;
  --blade-transition-layout: all 0.25s ease;
  --blade-transition-theme: background 0.4s ease, color 0.3s ease, border-color 0.3s ease;
}

[data-theme="light"] {
  --blade-bg: #F5F6F8;
  --blade-surface: #FFFFFF;
  --blade-surface-raised: #F9FAFB;
  --blade-border: #E2E6ED;
  --blade-border-active: #C53030;
  --blade-text: #1A1D26;
  --blade-text-secondary: #374151;
  --blade-text-muted: #6B7280;
  --blade-text-faint: #9CA3AF;
  --blade-accent: #C53030;
  --blade-accent-deep: #9B2C2C;
  --blade-accent-subtle: rgba(197, 48, 48, 0.06);
  --blade-accent-glow: rgba(197, 48, 48, 0.08);
  --blade-accent-on-accent: #FFFFFF;
  --blade-secondary: #E53E3E;
  --blade-score-high: #C53030;
  --blade-score-mid: #C05621;
  --blade-score-low: #6B7280;
  --blade-score-min: #9CA3AF;
  --blade-success: #2F855A;
  --blade-warning: #C05621;
  --blade-error: #C53030;
  --blade-bar-track: #EDF0F4;
  --blade-card-hover: #F9FAFB;
  --blade-filter-active: #C53030;
  --blade-filter-active-txt: #FFFFFF;
  --blade-toggle-bg: #E2E6ED;
  --blade-toggle-knob: #C53030;
  --blade-shadow-card: none;
  --blade-shadow-card-active: 0 0 0 3px rgba(197, 48, 48, 0.08);
  --blade-shadow-button: 0 2px 8px rgba(197, 48, 48, 0.2);
  --blade-shadow-glow: 0 0 4px rgba(197, 48, 48, 0.08);
  --blade-shadow-drop-glow: none;
}