fix: update checkboxes and radio states to match new iconography

[scurker]

Checkboxes: https://preview.uxpin.com/d5edf1a87ff0b75bd373b4d46d9811316ff5b287#/pages/117874572
Radios: https://preview.uxpin.com/d5edf1a87ff0b75bd373b4d46d9811316ff5b287#/pages/117876319

Reviewer checks

Required fields, to be filled out by PR reviewer(s)

• Follows the commit message policy, appropriate for next version
• Tested for accessibility
• Code is reviewed for security

[schne324]

The color of the checkbox looks off. In uxpin it is #333333

when I set color to #333333 in the devtools in the preview deploy:

current state of preview deploy:

NOTE: your currentColor approach is definitely the best way to go, its just that we haven't set color on the overlay div so it inherits the base color which is #666666

[schne324]

same fill problem with the radios too... a simple color: #333 (or whatever var we have for that value) would do the trick

new colors

[schne324]

#333 is a variable...should we use that here?

[scurker]

I'd rather have it as a variable, but --header-text-color-dark felt too specific. This is an area where I wish we had a palette of variable colors.