:root {
  --sa-primary: #4f46e5;
  --sa-primary-dark: #3730a3;
  --sa-primary-light: #eef2ff;

  --sa-secondary: #64748b;
  --sa-success: #16a34a;
  --sa-warning: #d97706;
  --sa-danger: #dc2626;
  --sa-info: #0284c7;

  --sa-bg: #f6f8fc;
  --sa-surface: #ffffff;
  --sa-surface-secondary: #f8fafc;

  --sa-text: #172033;
  --sa-text-secondary: #64748b;
  --sa-text-muted: #94a3b8;

  --sa-border: #e2e8f0;
  --sa-border-light: #edf2f7;

  --sa-radius-sm: 8px;
  --sa-radius-md: 12px;
  --sa-radius-lg: 18px;

  --sa-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 2px 8px rgba(15, 23, 42, 0.04);
  --sa-shadow-md: 0 10px 30px rgba(15, 23, 42, 0.08);
  --sa-shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.12);

  --sa-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sa-font-serif: "Source Serif 4", Georgia, serif;

  --sa-sidebar-width: 248px;
  --sa-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
  --sa-ring: 0 0 0 0.2rem rgba(79, 70, 229, 0.18);
  --sa-topbar-height: 64px;

  --sa-severity-critical: #dc2626;
  --sa-severity-high: #ea580c;
  --sa-severity-medium: #d97706;
  --sa-severity-low: #0284c7;
  --sa-severity-info: #64748b;
}