Что такое CSS-переменные и в чем их преимущества?

CSS-переменные — это настраиваемые свойства, определяемые пользователем, которые можно использовать повторно в различных местах стилей. Они задаются с префиксом -- и могут быть изменены в зависимости от контекста, например, внутри медиазапросов. Это упрощает управление стилями и позволяет более гибко адаптировать дизайн.