Развитие веб-технологий не стоит на месте. Вот умные люди взяли и придумали LESS - динамический CSS. Чтобы понять, что это - приведу пример с официального сайта:

@base: #f938ab;
.box-shadow(@style, @c) when (iscolor(@c)) {
  box-shadow:         @style @c;
  -webkit-box-shadow: @style @c;
  -moz-box-shadow:    @style @c;
}
.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {
  .box-shadow(@style, rgba(0, 0, 0, @alpha));
}
.box { 
  color: saturate(@base, 5%);
  border-color: lighten(@base, 30%);
  div { .box-shadow(0 0 5px, 30%) }
}

Фактически, это "как бы" CSS - но с вкраплениями элементов языков выского уровня. LESS файл подключается, как обычный CSS, с одним "НО": чтобы все это заработало, нужно включить поддержку LESS на стороне сервера или на стороне клиента загрузить специальный JS файл. Примерно так:

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>

Дальше - все стандартно и штатно.

Из мыслей. Не знаю, как обработка на стороне сервера, а обработка JS на стороне клиента - это лишнее время отрисовки старницы браузером. Стоит ли того гибкость решения - решать только разработчику.

Ссылки на сайты проекта:

http://lesscss.ru - русскоязычный сайт

http://lesscss.org - англоязычный сайт