.fw-medium {
    font-weight: 500 !important;
}

.alert-error {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f8d7da;
}

.text-primary {
    color: var(--primary) !important;
    font-weight: 500;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-light {
    color: var(--light) !important;
}

.text-white {
    color: var(--white) !important;
}

.text-black {
    color: var(--black) !important;
}

.text-dark {
    color: var(--dark) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-light {
    background-color: var(--light) !important;
}

.bg-white {
    background-color: var(--white) !important;
}

.bg-black {
    background-color: var(--black) !important;
}

.bg-dark {
    background-color: var(--dark) !important;
}

.btn {
    border-radius: var(--radius);
}

.btn-primary,
.btn-primary.disabled {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: var(--shadow);
    transition: box-shadow .5s;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: none;
}

.btn-secondary {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:active:focus {
    background-color: var(--secondary);
    border-color: var(--secondary);
    outline: 0;
    box-shadow: none;
}

.btn-dark {
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark);
}

.btn-dark:hover,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:active:focus {
    background-color: var(--dark);
    border-color: var(--dark);
    outline: 0;
    box-shadow: none;
}

.btn-light {
    color: #fff;
    background-color: var(--light);
    border-color: var(--light);
}

.btn-light:hover,
.btn-light:active,
.btn-light:focus,
.btn-light:active:focus {
    background-color: var(--light);
    border-color: var(--light);
    outline: 0;
    box-shadow: none;
}

.btn-white {
    color: #fff;
    background-color: var(--white);
    border-color: var(--white);
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus,
.btn-white:active:focus {
    background-color: var(--white);
    border-color: var(--white);
    outline: 0;
    box-shadow: none;
}

.btn-black {
    color: #fff;
    background-color: var(--black);
    border-color: var(--black);
}

.btn-black:hover,
.btn-black:active,
.btn-black:focus,
.btn-black:active:focus {
    background-color: var(--black);
    border-color: var(--black);
    outline: 0;
    box-shadow: none;
}

.form-control {
    border-radius: var(--radius);
}

.form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.25rem var(--primary);
}

.rounded {
    border-radius: var(--radius);
}

.accordion-button,
.accordion-button:focus {
    color: var(--dark);
    background: var(--white);
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: var(--white);
    background: var(--primary);
}
