Что такое CSS-переменные (custom properties)?

CSS-переменные объявляются через --name: value и используются через var(--name, fallback). В отличие от SASS-переменных, они живут в DOM, наследуются по каскаду и могут меняться в рантайме через JS или media queries. Идеальны для тем (темная/светлая), адаптивных значений, дизайн-токенов. Объявляются обычно на :root для глобального доступа. Можно переопределять для конкретного элемента или компонента — каскад работает как с обычными свойствами.