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