Variabler i CSS?

Hej hej

När jag gör mitt style-sheet så skriver jag ner ex. färgtemat på ett antal olika ställen i min css-kod.

Kan man inte lägga t.ex. en färg i en variabel som man sedan lägger i css-koden?
Ändrar man sedan variablens innehåller ändras alla ställen där variablen finns.

T.ex. typ

var color1 = #123123
var color2 = #234567

.test1
{
   color: color1;
}

Nej. Men det skulle vara praktiskt.
Däremot skulle du ju kunna göra det med till exempel php och låta servern parsa din css-fil (genom att byta filändelse till .php eller ändra i serverkonfigurationen).

Såhär

<?php
$color1 = #123123
$color2 = #234567
?>

.test1
{
color:<?php echo $color1; ?>;
}

Men om det verkligen är värt det med den extra serverbelastningen och lite omständiga skrivsättet är svårt att säga.

Ganska onödigt om du frågar mig... med css shorthand blir många färger dessutom 3 tecken. Vill man spara bytes så kan man ju börja med att skriva clean komprimerad shorthand.

Vill inte spara bytes vill underlätta vid css-ändringar.