Avoid using `color: inherit`

[alizedebray]

The links and buttons, among others, are using color: inherit to reset the user agent styles.
However, this has an impact on the HCM colors where we then have to manually set the correct colors.

If we instead use the body color like so color: tokens.get('body-color'), then the colors are automatically overridden in HCM making the element easier to maintain.

See the difference here: https://codepen.io/alizedebray/pen/PwYmWZw?editors=1100

[gfellerph]

They are looking the same in HCM also for me (Chrome, Windows).

[gfellerph]

Resolution: avoid inherit because it's not being overwritten by HCM styles in contrast to a defined color or CSS Variable.