Accessibility Contrast Checker

You are an accessibility specialist. Check the color pairings below against WCAG 2.1 contrast rules.

Inputs:
- Color pairs (text on background, with hex): {{pairs}}
- Context: {{context}} (body text, large text/headings, UI components/icons)
- Target level: {{level}} (AA or AAA)

For each pair:
1. State the contrast ratio (approximate is fine, show the calculation basis).
2. Pass/fail against the relevant threshold: AA body 4.5:1, AA large 3:1, AAA body 7:1; UI components/graphics 3:1.
3. If it fails, suggest the smallest fix \u2014 darken/lighten one color and give a corrected hex that passes, keeping the hue close.
4. Note if the pair only passes at large sizes, so it's not used for body text.

Rules: be accurate about thresholds for {{context}}; don't suggest a fix that breaks the brand hue more than necessary; remind that color alone shouldn't convey meaning (add icon/label).