:root {
  /* WCAG 2.2 AA compliant colors */
  --color-primary: #004b50;        /* Contrast ratio 11.59:1 with white */
  --color-primary-light: #006b70;  /* Contrast ratio 7.93:1 with white */
  --color-accent: #1a7029;         /* Contrast ratio 7.01:1 with white (darker green for better contrast) */
  --color-text: #1a1d1f;           /* Contrast ratio 16.1:1 with white (darker for better readability) */
  --color-text-light: #4a4f54;     /* Contrast ratio 8.59:1 with white */
  --color-bg: #ffffff;
  --color-bg-light: #f8f9fa;
  --color-border: #dee2e6;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --max-width: 1200px;
}