Есть ли переменные в CSS

Да, в CSS есть переменные (Custom Properties). Они объявляются с префиксом -- и используются через функцию var(). Область видимости — как у обычных CSS-свойств.

:root {
  --main-color: #06c;
}

.element {
  color: var(--main-color);
}

Особенности:

1. Наследуются (можно переопределять для конкретных элементов)
2. Чувствительны к регистру (--color ≠ --Color)
3. Можно задавать fallback-значения: var(--missing-var, red)
4. Доступны для изменения через JS: element.style.setProperty('--color', 'red')