## Description Some text colors in the compatibility panel do not meet WCAG AA contrast requirements. On the `bg-surface` background (`#485458`), the estimated contrast ratios are: - `red-500`: 2.05:1 - `orange-500`: 2.79:1 - `text-secondary`: 3.62:1 These are below the required 4.5:1 contrast ratio for normal-sized text. Update the affected colors to improve readability while preserving the existing visual design. Relevant files: - `frontend/src/pages/pcBuilderPage/components/CompatabilityComponent.tsx` - `frontend/src/styles/colors.css` ## Acceptance criteria - [ ] Ensure normal-sized text in the compatibility panel meets the WCAG AA minimum contrast ratio of 4.5:1. - [ ] Update status colors (red/orange) and secondary text colors where necessary. - [ ] Ensure compatibility statuses are distinguishable without relying solely on color. - [ ] Check other low-contrast text styles, including `text-gray-500` and `text-secondary`, against their backgrounds. - [ ] Verify contrast using accessibility tools such as Lighthouse or axe. ## Dependencies None.