TIL: You can use CSS color-mix() to generate varying shades of a base color
without needing SASS or complex CSS variables. Extremely handy for creating hover states
based off a design system's primary color.
.btn:hover { background: color-mix(in srgb, var(--primary) 90%, white); }