:root {
  --color-primary: #2173F4;
  --color-secondary: #1861D9;
  --color-accent: #F4A024;
  --color-success: #10B981;
  --color-bg: #F8FAFC;
  --color-surface: #FFFFFF;
  --color-text: #1E293B;
  --color-muted: #64748B;
  --color-border: #E2E8F0;
  --color-warning: #EF4444;

  --shadow-card: 0 4px 24px rgba(33, 115, 244, 0.08);
  --shadow-hover: 0 8px 32px rgba(33, 115, 244, 0.16);
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --container: 75rem;
  --header-h: 4.5rem;
  --transition: 0.3s ease;
}