:root {
  --colors-primary: #4F46E5;
  --colors-primary-dark: #1B1B8A;
  --colors-accent: #E85D4A;
  --colors-surface: #FFFFFF;
  --colors-surface-alt: #F8F8FF;
  --colors-text-primary: #162033;
  --typography-font-display: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --typography-font-body: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --typography-base-size: 16px;
  --typography-line-height: 1.6;
  --typography-letter-spacing: -0.02em;
  --spacing-section-y: 6rem;
  --spacing-container-max: 1280px;
  --spacing-gutter: 1.5rem;
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 9999px;
  --shadows-soft: 0 20px 50px rgba(15, 23, 42, 0.10);
  --shadows-card: 0 30px 80px rgba(79, 70, 229, 0.16);
  --shadows-hero: 0 40px 120px rgba(27, 27, 138, 0.22);
  --breakpoints-sm: 576px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 992px;
  --breakpoints-xl: 1200px;
  --breakpoints-xxl: 1400px;
}