Esta pregunta ya tiene una respuesta aquí:

Tengo una serie de variables de color para mi sitio que están numeradas:

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

Me gustaría configurar una mezcla que los llame dinámicamente, como esto:

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

Sin embargo, no puedo imaginar cómo llamar a las variables de una manera como esta. (La sintaxis anterior no funciona.)

(Para evitar la sugerencia obvia: no estoy usando las funciones de color de SASS porque mis colores no están configurados por la saturación lineal o las variaciones de luminosidad. No puedo generarlos mediante programación en SASS. el mismo que el que está entre los azules, que no es el mismo que el de los verdes, etc.)