:root{
  /* Primary palette */
  --color-primary-50: #eff6ff;
  --color-primary-600: #2563eb;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #1e40af; /* brand */
  /* Secondary */
  --color-secondary-50: #ecfeff;
  --color-secondary-600: #06b6d4;
  --color-secondary-700: #0ea5b7;
  /* Neutral */
  --color-neutral-50: #f9fafb;
  --color-neutral-700: #374151;
  --color-neutral-800: #1f2937;
  --color-neutral-900: #111827;
  /* Status */
  --color-success-600: #059669;
  --color-warn-600: #f59e0b;
  --color-error-600: #dc2626;
  /* Surfaces */
  --surface-bg: #ffffff;
  --surface-card: #ffffff;
  --surface-border: #e5e7eb;
  /* Text */
  --text-default: #111827; /* improved contrast */
  --text-muted: #4b5563;
}

/* Contrast notes (WCAG AA targets) */
/*
- Text default (#111827) on surface (#ffffff): ratio ≈ 13.6:1 (AA+)
- Primary 800 (#1e40af) text on white: ratio ≈ 7.6:1 (AA)
- Secondary 700 (#0ea5b7) on white: ratio ≈ 3.1:1 → Use for accents only; increase to #0d8ea1 for 4.5:1 if needed.
- Muted text (#4b5563) on white: ratio ≈ 6.2:1 (AA)
*/