如何根据CSS选择器为LESS CSS变量使用不同的值？

Question

假设您要为网站的不同部分使用多种配色方案。静态元素，如标题和导航应使用给定颜色的变体（使用less color functions）。 每个部分的主题名称都附加为正文class。所以你可以想到这样的事情：

body {
    &.red {
        @col: #f00;
    }
    &.blue {
        @col: #00f;
    }

    background-color:darken(@col, 5%);
    color:lighten(@col, 20%);

    // & children
}

但在@col或.red之外无法使用.blue：NameError: variable @col is undefined

是否可以根据css选择器定义变量？ 如果没有，还有什么可以做？

编辑：抱歉，这是Defining Variable Variables using LESS CSS

的副本