:root {
  --color-brand-primary: #4B25E6;
  --color-brand-primary-hover: #3D1DBD;
  --color-navy: #001247;
  --color-accent-lavender: #B6C4FF;
  --color-accent-lavender-light: #DCE1FF;
  --color-bg-page: #FFFFFF;
  --color-bg-subtle: #F8F9FA;
  --color-bg-muted: #F3F4F5;
  --color-border: #E7E8E9;
  --color-text-heading: #001247;
  --color-text-body: #4B5563;
  --color-text-muted: #6B7280;
  --color-white: #FFFFFF;

  --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-h1: 48px;   --line-height-h1: 60px;  --letter-spacing-h1: -0.96px;
  --font-size-h2: 36px;   --line-height-h2: 44px;  --letter-spacing-h2: -0.72px;
  --font-size-h3: 24px;   --line-height-h3: 32px;
  --font-size-body: 16px; --line-height-body: 26px;
  --font-size-small: 14px; --line-height-small: 22px;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;
  --space-20: 80px; --space-24: 96px; --space-32: 128px;

  --bp-tablet: 768px;
  --bp-mobile: 480px;
}