Функция color-mix(in oklch, var(--brand) 80%, white) генерирует hover и disabled без ручной палитры на 12 оттенков.
Документируйте проценты mix в design tokens, чтобы дизайнер и вёрстка совпадали.
- [color-mix() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix) — Синтаксис и color spaces.
- [color-mix — web.dev](https://web.dev/articles/css-color-mix) — Практика с tokens.
---
## Контраст
Проверяйте итоговый mix на WCAG — светлый hover может стать нечитаемым.