:root {
  --scac-primary: #004aad;
  --scac-primary-dark: #1e3a8a;
  --scac-primary-soft: #f1f5f9;
  --scac-bg: #f1f5f9;
  --scac-surface: #ffffff;
  --scac-text: #1e293b;
  --scac-text-muted: #64748b;
  --scac-border: rgba(0, 0, 0, 0.08);
  --scac-shadow-subtle: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --scac-shadow-premium: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
  --scac-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --scac-radius-sm: 8px;
  --scac-radius-md: 10px;
  --scac-radius-lg: 16px;
  --scac-radius-pill: 9999px;
  --scac-focus-ring: 0 0 0 4px rgba(0, 74, 173, 0.12);
}