:root {
    --acc-primary-hsl: var(--acc-primary-h), calc(var(--acc-primary-s) * 1%), calc(var(--acc-primary-l) * 1%);
    --acc-primary-hsl-15: var(--acc-primary-h), calc((var(--acc-primary-s) - 8 * (clamp(0, 16 - var(--acc-primary-s), 1) * -2 + 1)) * 1%), calc((var(--acc-primary-l) - 8 * (clamp(0, 30 - var(--acc-primary-l), 1) * -2 + 1)) * 1%);
    --acc-primary-hsl-20: var(--acc-primary-h), calc((var(--acc-primary-s) - 8 * (clamp(0, 16 - var(--acc-primary-s), 1) * -2 + 1)) * 1%), calc((var(--acc-primary-l) - 10.5 * (clamp(0, 30 - var(--acc-primary-l), 1) * -2 + 1)) * 1%);
    --acc-primary-hsl-25: var(--acc-primary-h), calc((var(--acc-primary-s) - 8 * (clamp(0, 16 - var(--acc-primary-s), 1) * -2 + 1)) * 1%), calc((var(--acc-primary-l) - 13 * (clamp(0, 30 - var(--acc-primary-l), 1) * -2 + 1)) * 1%);

    --acc-secondary-hsl: var(--acc-secondary-h), calc(var(--acc-secondary-s) * 1%), calc(var(--acc-secondary-l) * 1%);
    --acc-secondary-hsl-15: var(--acc-secondary-h), calc((var(--acc-secondary-s) - 8 * (clamp(0, 16 - var(--acc-secondary-s), 1) * -2 + 1)) * 1%), calc((var(--acc-secondary-l) - 8 * (clamp(0, 30 - var(--acc-secondary-l), 1) * -2 + 1)) * 1%);
    --acc-secondary-hsl-20: var(--acc-secondary-h), calc((var(--acc-secondary-s) - 8 * (clamp(0, 16 - var(--acc-secondary-s), 1) * -2 + 1)) * 1%), calc((var(--acc-secondary-l) - 10.5 * (clamp(0, 30 - var(--acc-secondary-l), 1) * -2 + 1)) * 1%);
    --acc-secondary-hsl-25: var(--acc-secondary-h), calc((var(--acc-secondary-s) - 8 * (clamp(0, 16 - var(--acc-secondary-s), 1) * -2 + 1)) * 1%), calc((var(--acc-secondary-l) - 13 * (clamp(0, 30 - var(--acc-secondary-l), 1) * -2 + 1)) * 1%);

    --bs-link-color: hsl(var(--acc-primary-hsl));
    --bs-link-hover-color: hsl(var(--acc-primary-hsl-20));
}

.bg-primary {
    background-color: hsla(var(--acc-primary-hsl), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
    background-color: hsla(var(--acc-secondary-hsl), var(--bs-bg-opacity)) !important;
}

.text-primary {
    color: hsla(var(--acc-primary-hsl), var(--bs-text-opacity)) !important;
}

.text-secondary {
    color: hsla(var(--acc-secondary-hsl), var(--bs-text-opacity)) !important;
}

body {
    --bs-body-bg: var(--bs-gray-200);
    --bs-body-bg-rgb: 233, 236, 239;
}

.btn-primary {
    --bs-btn-color: hsl(0, 0%, calc(((clamp(0, 65 - var(--acc-primary-l), 1) * 2 - 1) * 100) * 1%));
    --bs-btn-bg: hsl(var(--acc-primary-hsl));
    --bs-btn-border-color: hsl(var(--acc-primary-h), calc(var(--acc-primary-s) * 1%), calc(((clamp(0, 65 - var(--acc-primary-l), 1) * 2 - 1) * var(--acc-primary-l)) * 1%));
    --bs-btn-hover-color: hsl(0, 0%, calc(((clamp(0, 65 - var(--acc-primary-l), 1) * 2 - 1) * 100) * 1%));
    --bs-btn-hover-bg: hsl(var(--acc-primary-hsl-15));
    --bs-btn-hover-border-color: hsl(var(--acc-primary-h), calc((var(--acc-primary-s) - 8 * (clamp(0, 16 - var(--acc-primary-s), 1) * -2 + 1)) * 1%), calc((clamp(0, 65 - var(--acc-primary-l), 1) * 2 - 1) * (var(--acc-primary-l) - 10.5 * (clamp(0, 30 - var(--acc-primary-l), 1) * -2 + 1)) * 1%));
    --bs-btn-active-color: hsl(0, 0%, calc(((clamp(0, 65 - var(--acc-primary-l), 1) * 2 - 1) * 100) * 1%));
    --bs-btn-active-bg: hsl(var(--acc-primary-hsl-20));
    --bs-btn-active-border-color: hsl(var(--acc-primary-h), calc((var(--acc-primary-s) - 8 * (clamp(0, 16 - var(--acc-primary-s), 1) * -2 + 1)) * 1%), calc((clamp(0, 65 - var(--acc-primary-l), 1) * 2 - 1) * (var(--acc-primary-l) - 13 * (clamp(0, 30 - var(--acc-primary-l), 1) * -2 + 1)) * 1%));
    --bs-btn-disabled-color: hsl(0, 0%, calc(((clamp(0, 65 - var(--acc-primary-l), 1) * 2 - 1) * 100) * 1%));
    --bs-btn-disabled-bg: hsl(var(--acc-primary-hsl));
    --bs-btn-disabled-border-color: hsl(var(--acc-primary-h), calc(var(--acc-primary-s) * 1%), calc(((clamp(0, 65 - var(--acc-primary-l), 1) * 2 - 1) * var(--acc-primary-l)) * 1%));
}

.btn-secondary {
    --bs-btn-color: hsl(0, 0%, calc(((clamp(0, 65 - var(--acc-secondary-l), 1) * 2 - 1) * 100) * 1%));
    --bs-btn-bg: hsl(var(--acc-secondary-hsl));
    --bs-btn-border-color: hsl(var(--acc-secondary-h), calc(var(--acc-secondary-s) * 1%), calc(((clamp(0, 65 - var(--acc-secondary-l), 1) * 2 - 1) * var(--acc-secondary-l)) * 1%));
    --bs-btn-hover-color: hsl(0, 0%, calc(((clamp(0, 65 - var(--acc-secondary-l), 1) * 2 - 1) * 100) * 1%));
    --bs-btn-hover-bg: hsl(var(--acc-secondary-hsl-15));
    --bs-btn-hover-border-color: hsl(var(--acc-secondary-h), calc((var(--acc-secondary-s) - 8 * (clamp(0, 16 - var(--acc-secondary-s), 1) * -2 + 1)) * 1%), calc((clamp(0, 65 - var(--acc-secondary-l), 1) * 2 - 1) * (var(--acc-secondary-l) - 10.5 * (clamp(0, 30 - var(--acc-secondary-l), 1) * -2 + 1)) * 1%));
    --bs-btn-active-color: hsl(0, 0%, calc(((clamp(0, 65 - var(--acc-secondary-l), 1) * 2 - 1) * 100) * 1%));
    --bs-btn-active-bg: hsl(var(--acc-secondary-hsl-20));
    --bs-btn-active-border-color: hsl(var(--acc-secondary-h), calc((var(--acc-secondary-s) - 8 * (clamp(0, 16 - var(--acc-secondary-s), 1) * -2 + 1)) * 1%), calc((clamp(0, 65 - var(--acc-secondary-l), 1) * 2 - 1) * (var(--acc-secondary-l) - 13 * (clamp(0, 30 - var(--acc-secondary-l), 1) * -2 + 1)) * 1%));
    --bs-btn-disabled-color: hsl(0, 0%, calc(((clamp(0, 65 - var(--acc-secondary-l), 1) * 2 - 1) * 100) * 1%));
    --bs-btn-disabled-bg: hsl(var(--acc-secondary-hsl));
    --bs-btn-disabled-border-color: hsl(var(--acc-secondary-h), calc(var(--acc-secondary-s) * 1%), calc(((clamp(0, 65 - var(--acc-secondary-l), 1) * 2 - 1) * var(--acc-secondary-l)) * 1%));
}

.pace .pace-progress {
    background-color: hsl(var(--acc-primary-hsl));
}

.form-check-input:checked {
    background-color: hsl(var(--acc-primary-hsl));
    border-color: hsl(var(--acc-primary-hsl));
}