:root {
  --primary-color: #4472c4;
  --primary-hover: #365a9e;
  --primary-deep: #2c5aa0;
  --brand-color: var(--primary-color);
  --brand-mid: #2f55a4;
  --brand-gradient: linear-gradient(
    135deg,
    var(--primary-color) 0%,
    var(--brand-mid) 100%
  );
  --secondary-color: #6c757d;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-accent: #ffc107;
  --surface: #ffffff;
  --surface-muted: #f8f9fa;
  --border-color: #dee2e6;
  --text-muted: #6c757d;
  --radius: 0.5rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --focus-ring: rgba(68, 114, 196, 0.35);
}