Update colour values to be compliant with WCAG 2.1 AA Contrast.

[simpsoja]

Updates styling of a few UI elements to ensure they meet WCAG 2.1 AA contrast requirements. @Garneauma

Changes

• Updated --oag-report-02 from #977E42 to #8C7337.
• Updated --oag-report-04 from #6C8A5A to #617F4F.
• Updated special-examination and other-products tag text colour from #333 to #fff.
• Updated the legend class styling used for filter field labels:
• Changed colour from --oag-default-border-color to --oag-footer.
• Increased font weight from 100 to 300.

[Garneauma]

@simpsoja Can you check the list of labels in the content page to ensure it matches the list of report-type that are present in the CSS? For exmaple, it seems like in the CSS there is "[data-report-type='special-examinations']" but in the examples, it is "[data-report-type='special-examinations-of-crown-corporations']".

[simpsoja]

@Garneauma Thanks for flagging this. It looks like the content.html pages were not updated when we requested the label change earlier this year, from [data-report-type='special-examinations-of-crown-corporations'] to [data-report-type='special-examinations'].

I’ve also added the two missing labels:

• "commentaries-on-financial-audits"
• "other-products"

The content pages have been updated so the labels match the report types defined in the CSS. Let me know if you spot any issues. Thanks!