Справочник урока ИнструментЗачем нуженМини-пример :rootГлобальная область для токенов:root { --accent: #2563eb; }--custom-propertyПользовательское CSS-свойство--space-card: 1rem;var()Чтение переменной с fallbackcolor: var(--accent, blue);переопределение в областиЛокальное значение для компонента и его потомков.card { --accent: #16a34a; }переопределение в @mediaСмена темы заменой значений переменных@media (prefers-color-scheme: dark) { :root { --bg: #111827; } }