Hover color cross-site for each color

Mixin and extend are probably what you're looking for. The variable itself does not say yet how or where you use it (be it either for some color property or not) or if you use it at all. \nSo instead of relying on some indirect logic, as there's no way for compiler to guess to insert :hover {color: #aaaaaa} for every element that has color: #cccccc, first of all because :hover \"sub-style\" is not inherited across elements like properties do (e.g. what if you just set body {color: @text-c}?), make it explicit, e.g. (not optimized variant just to illustrate the method):\n\n// \"color team\"\n.text-c() {\n color: #cccccc;\n &:hover {color: #aaaaaa}\n}\n\n// usage \n\ndiv.zoo {\n .text-c();\n}\n\nspan.park {\n .text-c();\n}\n\ntd#life {\n .text-c();\n}\n\n// etc.\n\n\nAn actual optimized (most likely extending some template instead of copying the same properties every time) would depend on how/where/how-often/etc. you're going to use it and (not-less-important) how (and if) you plan it to be customized (for example see @Harry's answer on how to make a generic mixin instead of color-value-hardcoded like I did above). ",