Contrast ratio audit is performed

Color contrast requirements cover not just body text but icons, data visualization labels, chart lines, and UI component boundaries. A single automated contrast check on the homepage misses theme-specific issues in dark mode, dynamic states like hover and focus, and SVG-based content. WCAG 2.2 SC 1.4.3 (Contrast Minimum) applies to all text in all states; SC 1.4.11 (Non-text Contrast) applies to UI components and graphical objects. Without a documented audit, both can fail silently in edge cases the main audit path never exercises.

Conduct a structured contrast audit covering text in all states, non-text UI components, and data visualizations. Document results and track remediation.

Review color definitions in src/app/globals.css and tailwind.config.ts. For each color pair:

1. Measure the ratio using the WebAIM Contrast Checker or npx contrast-ratio "#707070" "#ffffff"
2. Test in light mode, dark mode, and high-contrast mode
3. Check hover, focus, disabled, and error states separately
4. Verify chart line colors, legend labels, and axis tick text in Recharts or similar

Log each failing pair with the component name, the colors, and the target ratio in a docs/contrast-audit.md tracking file.