:root {
  --color-primary: #3052af;
  --color-primary-dark: #182b6b;
  --color-primary-light: #eff4ff;
  --color-gradient-start: #667eea;
  --color-gradient-end: #764ba2;
  --color-text: #222;
  --color-text-secondary: #181f2a;
  --color-text-muted: #666;
  --color-heading: #1a1a1a;
  --color-bg: #fff;
  --color-bg-secondary: #f9f9f9;
  --color-bg-tertiary: #f8f9fe;
  --color-border: #f1f1f1;
  --color-border-dark: #ddd;
  --font-family: 'Inter', 'Montserrat', Arial, sans-serif;
  --line-height: 1.6;
  --font-size-hero: 3rem;
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.5rem;
  --font-size-base: 1rem;
  --font-size-small: 0.875rem;
  --max-width: 1280px;
  --content-padding: 2rem;
  --section-spacing: 4rem;
}

body.dark-mode {
  --color-primary: #8ab4f8;
  --color-primary-dark: #5e8ce0;
  --color-primary-light: #1e2330;
  --color-text: #e8eaed;
  --color-text-secondary: #d0d4dc;
  --color-text-muted: #a0a8c0;
  --color-heading: #ffffff;
  --color-bg: #181a20;
  --color-bg-secondary: #1e2028;
  --color-bg-tertiary: #23262e;
  --color-border: #2a2d35;
  --color-border-dark: #3a3d45;
}