Относительные цвета CSS: from и calc() поверх oklch-токенов
Светлее на 10% без ручного подбора hex для hover и disabled.
Синтаксис `oklch(from var(--brand) calc(l + 0.1) c h)` строит производные оттенки от одного токена — меньше рассинхрона палитры в UI-kit.
Удобно для состояний `:hover` и границ карточек на тёмной теме.
- CSS relative color syntax — MDN — from и calc.
- Relative colors — Chrome Developers — Примеры oklch.
Fallback
Дублируйте статичные значения в `@supports not (color: oklch(from red l c h))`.