Digamos que tengo tres esquemas de color separados que se usan en varias páginas en un sitio. Cada color tiene un tono claro, medio y oscuro definido, y el esquema de color está definido por una clase en el cuerpo. Supongamos que el esquema de color "rojo" es el predeterminado. Me gusta esto:

Definiciones de colores:

@red-lt:   #121;
@red-md:   #232;
@red-dk:   #343;
@green-lt: #454;
@green-md: #565;
@green-dk: #676;
@blue-lt:  #787;
@blue-md:  #898;
@blue-dk:  #909;

Ejemplo de estilo predeterminado básico

body { background-color: @red-dk;
  #container { background-color: @red-md;
     p { color: @red-dk; }
  }
}

Ejemplo de estilo de esquema de color diferente

body.green { background-color: @green-dk;
  #container { background-color: @green-md;
     p { color: @green-dk; }
  }
}

Me gustaría usar variables para no tener que volver a escribir todas las variaciones de color para cada esquema, para poder escribir algo como esto:

body.[color-var] { background-color: @[color-var]-dk;
  #container { background-color: @[color-var]-md;
     p { color: @[color-var]-dk; }
  }
}

... pero no puedo entender cómo lograrlo. Ayuda…?