code:
.color1

{

color: #fff;

}



.button

{

background-color: color1;

}

code:
@import url('secondary-blue.css');



.top-aside,

.banner,

.small_banner,

.banner-slider,

footer {

background-color: #0D5292;

background-image: url(../images/skins/bg-banner-blue.png);

background-position: center center;

background-repeat: no-repeat;

background: -webkit-gradient(radial, center center, 0, center center, 460, from(#0D9DDC), to(#0D5292));

background: -webkit-radial-gradient(circle, #0D9DDC, #0D5292);

background: -moz-radial-gradient(circle, #0D9DDC, #0D5292);

background: -ms-radial-gradient(circle, #0D9DDC, #0D5292);

}

code:
@import url('secondary-red.css');



.top-aside,

.banner,

.small_banner,

.banner-slider,

footer {

background-color: #961300;

background-image: url(../images/skins/bg-banner-red.png);

background-position: center center;

background-repeat: no-repeat;

background: -webkit-gradient(radial, center center, 0, center center, 460, from(#C71901), to(#961300));

background: -webkit-radial-gradient(circle, #C71901, #961300);

background: -moz-radial-gradient(circle, #C71901, #961300);

background: -ms-radial-gradient(circle, #C71901, #961300);

}

quote:

---

Originally posted by AndyKent
Entirely depends on the scenario. Of you're going down to that detail I could only suggest leaving colours off the stylesheet completely and defining them through php dynamically on page.

Effort probably disproportionate to the requirement though!

---

quote:

---

Originally posted by noshua
Don't you just import LESS, declare variables and reference them in the CSS?

What are you trying to achieve as the end goal?

---

quote:

---

Originally posted by AdZ9
Start reading about LESS or SASS, easiest way to do it.

You define a colour like
$primarycolour which is #000

then in your css anywhere with that colour you put $primarycolour will be #000 - all you do is change the selector at the top and it'll change it for you when outputted.

---