Синтаксис oklch(from var(--brand) calc(l + 0.1) c h) строит производные оттенки от одного токена — меньше рассинхрона палитры в UI-kit.
Удобно для состояний :hover и границ карточек на тёмной теме.
- [CSS relative color syntax — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors) — from и calc.
- [Relative colors — Chrome Developers](https://developer.chrome.com/docs/css-ui/css-relative-color-syntax) — Примеры oklch.
---
## Fallback
Дублируйте статичные значения в @supports not (color: oklch(from red l c h)).