Object Orientated CSS - Defining Colours

[mealutano]

I am trying to convert to object orientated CSS. I am looking to define the colours:\[code\]/* COLOURS */gray5: { color: #4C4C4C; }gray4: { color: #333333; }gray3: { color: #999999; }gray2: { color: #808080; }gray1: { color: #F5F5F5; }white: { color: #FFFFFF; }\[/code\]The trouble is, I want to define my colours like this but I can only define text colour like this. Is it not possible to do it so I can use this "colour" definition on either text or divs? I would rather not have to do it like this....:\[code\]/* DIV COLOURS */gray5: { background-color: #4C4C4C; }gray4: { background-color: #333333; }gray3: { background-color: #999999; }gray2: { background-color: #808080; }gray1: { background-color: #F5F5F5; }white: { background-color: #FFFFFF; }/* TEXT COLOURS */gray5: { color: #4C4C4C; }gray4: { color: #333333; }gray3: { color: #999999; }gray2: { color: #808080; }gray1: { color: #F5F5F5; }white: { color: #FFFFFF; }\[/code\]Thank you for any input!