Controls / Components need to inherit the CSS of the components they extend if any

[marchant]

So we can have default values / behaviors in css for controls. Right now button.mod/button.css has for example:

&:hover {
    cursor: pointer;

    /* Mix the background with 10% of the text color */
    background-color: color-mix(in srgb, var(--visual-style-control-hover-fill), currentColor 10%);
}

&:active {
    /* Mix the background with 15% of the text color */
    background-color: color-mix(in srgb, var(--visual-style-control-active-fill), currentColor 15%);
}

But that should really be done once for all controls. Or be in the a visual-style.mod/visual-style.css?