.btn-accent {
    --bs-btn-color: var(--color--text-on-accent);
    --bs-btn-bg: var(--color--accent);
    --bs-btn-border-color: var(--color--accent);
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
}

.btn-outline-accent {
    --bs-btn-color: var(--color--accent);
    --bs-btn-border-color: var(--color--accent);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color--accent);
    --bs-btn-hover-border-color: var(--color--accent);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color--accent);
    --bs-btn-active-border-color: var(--color--accent);
    --bs-btn-active-shadow: inset 0 3px 5px var(--color--accent-shadow-12);
    --bs-btn-disabled-color: var(--color--accent);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color--accent);
    --bs-gradient: none;
}

.extra-filters.accent {
    border-bottom-color: var(--color--accent);
    box-shadow: 0 2px 10px -1px var(--color--accent-shadow-20), 0 5px 5px 0 var(--color--accent-shadow-14), 0 1px 0px 0 var(--color--accent-shadow-12);
}

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

.form-check-input:focus, .form-control:focus {
    box-shadow: 0 0 0 .25rem var(--color--accent-shadow-25);
    border-color: var(--color--accent-lighten-20);
}

.spinner-border.accent {
    border-color: var(--color--accent);
    border-right-color: transparent;
}

.category-description-show-more span {
    color: var(--color--accent);
}