Функция light-dark(#111, #eee) возвращает разный цвет в зависимости от системной/указанной color-scheme — меньше @media (prefers-color-scheme).
Идеально для border, surface и icon fill в UI-kit.
- [light-dark() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark) — Синтаксис функции.
- [color-scheme — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) — Контекст для light-dark.
---
## Бренд
Фото и иллюстрации не перекрашивайте через light-dark — только UI-оболочку.