:root

Псевдокласс :root указывает на корневой элемент документа (в HTML это html), но имеет более высокую специфичность. Стандартное место для объявления CSS-переменных.

:root {
  --color-primary: #2563eb;
  --radius: 8px;
}

.btn {
  background: var(--color-primary);
}