Esta questão já tem uma resposta aqui:

Eu tenho uma série de variáveis ​​de cores para o meu site que são numeradas:

$red-1: #821B0D;
$red-2: #B13631;
$red-3: #D75B5B;
$red-4: #F18788;
$red-5: #FDB9B0;

Eu gostaria de configurar um mixin que os chama dinamicamente, assim:

@mixin link($color-name) {
    color: $#{$color-name}-2;
    &:hover {
        color: white;
        background-color: $#{$color-name}-4;
    }
}

No entanto, não consigo descobrir como chamar variáveis ​​dessa maneira. (A sintaxe acima não funciona.)

(Para evitar a sugestão óbvia: não estou usando as funções de cor do SASS porque minhas cores não são definidas por variações lineares de saturação ou leveza. Não posso gerá-las programaticamente no SASS. A mudança de luminosidade nos vermelhos entre os passos não é o mesmo que entre o blues, que não é o mesmo que o dos greens, etc.)