/* SpecRadar Design Tokens */
:root {
  /* ── Colors ── */
  --bg-primary: #FAFBFC;
  --bg-surface: #F1F5F9;
  --bg-inset: #E8EDF2;
  --accent: #0891B2;
  --accent-hover: #0E7490;
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-tertiary: #94A3B8;
  --text-muted: #CBD5E1;
  --text-inverted: #FFFFFF;
  --divider: #E2E8F0;
  --severity-critical: #DC2626;
  --severity-high: #F59E0B;
  --severity-medium: #3B82F6;
  --severity-low: #94A3B8;

  /* ── Sidebar ── */
  --sidebar-bg: #0F172A;
  --sidebar-text: #E2E8F0;
  --sidebar-muted: #94A3B8;
  --sidebar-accent: #22D3EE;
  --sidebar-border: rgba(255,255,255,0.06);
  --sidebar-hover: rgba(255,255,255,0.06);
  --sidebar-active-bg: rgba(34,211,238,0.1);
  --sidebar-width: 220px;

  /* ── Semantic colors ── */
  --green: #059669;
  --green-bg: #ECFDF5;
  --green-light: #D1FAE5;
  --amber: #D97706;
  --amber-bg: #FEF3C7;
  --purple: #7C3AED;
  --purple-bg: #EDE9FE;
  --red: #DC2626;
  --red-bg: #FEE2E2;
  --blue: #2563EB;
  --blue-bg: #DBEAFE;

  /* ── Spacing ── */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;

  /* ── Typography ── */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Consolas', monospace;
  --font-editorial: 'Georgia', 'Times New Roman', serif;

  /* ── Radius ── */
  --radius-sm: 0.25rem;
  --radius: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.08);
}