:root {
  --phase-1: #e72b76;
  --phase-2: #39b9ec;
  --phase-3: #f2b300;
  --phase-4: #56355b;
  --phase-5: #ccd626;
  --phase-6: #9dcab9;
  --phase-7: #e07a3f;
  --phase-8: #2a8fa8;
  --phase-9: #8b5a7a;

  --phase-1-light: #fce8f0;
  --phase-2-light: #e4f4fc;
  --phase-3-light: #fef4d9;
  --phase-4-light: #ede7ef;
  --phase-5-light: #f5f7d9;
  --phase-6-light: #e8f4ee;
  --phase-7-light: #fbeee5;
  --phase-8-light: #e0f0f5;
  --phase-9-light: #f0e6ec;

  --goal-inzicht: #5b7fa5;
  --goal-data: #4a9b6f;
  --goal-inspiratie: #d4882a;
  --goal-expertise: #7b5ea7;
  --goal-validatie: #c44d4d;
  --goal-overzicht: #2a8fa8;

  --bg: #f5f6f8;
  --bg-card: #ffffff;
  --text-primary: #1d1d1b;
  --text-secondary: #6b7280;
  --text-light: #9ca3af;
  --border: #e5e7eb;
  --border-light: #f0f1f3;

  --font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-base: 0.9375rem;
  --font-size-md: 1.0625rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.5rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.16);

  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  --max-width: 1280px;
  --header-height: 72px;
}