:root {
    --primary-color-darker: hsl(from var(--primary-color) h s calc(l - 5));
}

/* Button colors are hardcoded in Bootstrap v5.3.3 */
.btn-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--primary-color-darker);
    --bs-btn-hover-border-color: var(--primary-color-darker);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
}