Как работает область видимости CSS переменных?
- Определяются на селекторе → доступны этому элементу и его потомкам
:root— глобальная область видимости.card { --card-bg: white; }— доступно только внутри .card- Media queries:
@media (prefers-color-scheme: dark) { :root { --bg: black; } }