Hallo,
Du kannst keine Variablen definieren in CSS, aber Klassen.
Dies kannst Du entweder für Elemente tun, z.b. so:
p {color: red;}
<p> Dieser Text ist jetzt rot </p>
<p> und diser auch </p>
<div> dieser nicht </div>
Du kannst es aber auch an einen Klassennamen knüpfen:
.meinRot {color: red;}
<p class="meinRot"> Das ist jetzt rot </p>
<div class="meinRot"> Das auch</div>
<span class="meinRot"> und das </span>
Oder, wenn es sich nur um ein einzelnees Element handeln soll:
#meinRot {color:red;}
<p id="meinRot"> Das hier soll Rot sein! Und nur das! </p>
Diese Klassen kannst Du dann auch noch schachteln (daher "Cascading Stylesheets) und in Abhängigkeit zueinander setzen.
p span {color: red;}
div p {color: blue;}
<p>Das hat ganz normale Farbe <span> das ist rot</span></p>
<span> Das ist auch ganz normal, weil es nicht im p steht </span>
<div><p> das ist blau </p></div>
-> Mit all diesen Möglichkeiten sollte sich eine ergeben, die Du für Deinen Zweck brauchen kannst.
Viele Grüße,
Jörg