Параметры аттрибутов CSS можно вынести нужно написать так:
Код:
<!DOCTYPE html>
<html>
<style>
:root { --a:blue; --b:red; --c:1px solid green;}
#a1 { color:var(--a); }
#a2 { border-style:solid; border-width:1px; border-color:var(--b); }
#a3 { border:var(--c); }
</style>
<body>
<div id="a1">
<div id="a2">
aa<span id="a3">bb</span>
</div>
</div>
</body>
</html>
Переменная --a - имеет значение blue, переменная --b имеет значение red, переменная --c имеет значение 1px solid green, чтобы извлечь нужно написать var(имя_переменной).