color-mix(): оттенки бренда без десятка переменных

Функция 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 может стать нечитаемым.