/* ═══════════════════════════════════════════════════════════════
   SHIELD AI — Design Tokens
   Tactical Operations Center aesthetic
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  /* ── Backgrounds ── */
  --bg-0: #e9eef5;
  --bg-1: #f6f9fc;
  --bg-2: #dfe7f2;
  --bg-3: #c8d4e4;

  /* ── Borders ── */
  --line: rgba(22, 44, 74, 0.16);
  --line-strong: rgba(22, 44, 74, 0.28);
  --line-active: rgba(22, 44, 74, 0.4);

  /* ── Text ── */
  --text-primary: #10233d;
  --text-secondary: #2b415d;
  --text-tertiary: #5e7087;

  /* ── Accent: Amber ── */
  --accent: #1f5b9a;
  --accent-hover: #16497f;
  --accent-dim: rgba(31, 91, 154, 0.24);
  --accent-glow: rgba(31, 91, 154, 0.14);

  /* ── Risk Levels ── */
  --risk-critical: #dc2626;
  --risk-high: #ea580c;
  --risk-medium: #a16207;
  --risk-low: #16a34a;
  --risk-minimal: #4a4a52;

  /* ── Status ── */
  --status-active: #22c55e;
  --status-failed: #dc2626;
  --status-pending: #7a7a82;
  --status-running: #1f5b9a;

  /* ── Semantic ── */
  --danger: #dc2626;
  --warning: #d4a019;
  --success: #16a34a;
  --info: #2563eb;

  /* ── Typography ── */
  --font-display: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;
  --font-body: 'DM Sans', 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', monospace;

  /* ── Type Scale ── */
  --text-xs: 10px;
  --text-sm: 12px;
  --text-base: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 24px;

  /* ── Spacing ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* ── Radius ── */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;

  /* ── Transitions ── */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}

/* S-152: Nightwatch mode — true OLED black */
body.nightwatch {
  --bg-0: #000000;
  --bg-1: #050506;
  --bg-2: #0a0a0e;
  --bg-3: #141418;
  --line: rgba(255, 255, 255, 0.03);
  --line-strong: rgba(255, 255, 255, 0.06);
  --text-tertiary: #666670;
}