508 Accessibility: Not enough color contrast in some tokens

[ghost]

We are using the tool Sort Site to evaluate our site for Section 508 Accessibility requirements. It is flagging multiple components as not having enough color contrast.

Here are some of the errors:

I have been trying to use a custom CSS file to override some of the colors to pass a color contrast checker. FYI, the colors I've overridden so far are text-base, bg-teal-500, text-teal-500, bg-blue-400, bg-blue-500, text-gray-500, text-gray-600, text-gray-700, bg-indigo-400, prose, border-green-600, text-green-600, bg-orange-300, text-orange-500, text-orange-600, and text-red-600.

But now that I am down in the Examples section, I am stuck. The image below is the Examples section which does NOT have any of my color overrides. Note that there is a pre-existing problem with text too dark to see. It is impossible to correct this with css because this section ALSO uses classes such as 'prose' and 'text-gray-600' . These same color cannot work with both a light background of the main part of the page, and the dark background of the Examples section.