Какие знаешь переменные в CSS

В CSS есть несколько типов переменных:

1. Пользовательские свойства (CSS Custom Properties) - определяются с префиксом -- и доступны через var():

:root {
  --primary-color: #3498db;
  --spacing: 16px;
}

.element {
color: var(--primary-color);
padding: var(--spacing);
}

2. **Предопределенные переменные** (в некоторых CSS-препроцессорах):
- Sass: `$variable`
- Less: `@variable`
- Stylus: `variable` (без спецсимволов)

3. **Системные переменные** (доступны в некоторых браузерах):
```css
.element {
  color: env(safe-area-inset-top);
}

Особенности CSS Custom Properties:

• Каскадируются как обычные свойства
• Могут изменяться через JavaScript
• Поддерживают fallback-значения: var(--color, red)