:root {
    --alfa-gold-light: hsl(41, 42%, 50%);
}
/* @supports (color: color-mix(in hsl, red 60%, white)) {
:root {
    --alfa-gold-light: color-mix(
        in hsl, 
        var(--alfa-gold, hsl(41, 42%, 50%)) 70%, 
        white
    );
}
} */


/* buttons */
body .btn {

}
body .btn-primary {
    --bs-btn-color: var(--alfa-black, black);
    --bs-btn-bg: var(--alfa-gold-light);
    --bs-btn-border-color: var(--alfa-gold-light);
    --bs-btn-hover-color: var(--alfa-black, black);
    --bs-btn-hover-bg: var(--alfa-gold, hsl(41, 42%, 50%));
    --bs-btn-hover-border-color: var(--alfa-gold, hsl(41, 42%, 50%));
    --bs-btn-active-color: var(--alfa-black, black);
    --bs-btn-active-bg: var(--alfa-gold, hsl(41, 42%, 50%));
    --bs-btn-active-border-color: var(--alfa-gold, hsl(41, 42%, 50%));
    --bs-btn-disabled-color: var(--alfa-black, black);
    --bs-btn-disabled-bg: var(--alfa-gold, hsl(41, 42%, 50%));
    --bs-btn-disabled-border-color: var(--alfa-gold, hsl(41, 42%, 50%));
}