One button, two @function calls (--lighter()/ --darker()) instead of hard-coded hover/active colors or a SASS lighten()/darken() build-step dependency — runs at runtime in the browser, reacts live to --base-color.
@function
--lighter()
--darker()
lighten()
darken()
--base-color