:root,
[data-bs-theme=light] {
    --bs-primary: #8467ad;
    --bs-primary-rgb: 132, 103, 173;
    --bs-primary-text-emphasis: #352945;
    --bs-primary-bg-subtle: #e6e1ef;
    --bs-primary-border-subtle: #cec2de;
    --bs-link-color: #8467ad;
    --bs-link-color-rgb: 132, 103, 173;
    --bs-link-hover-color: #6a528a;
    --bs-link-hover-color-rgb: 106, 82, 138;
    --bs-focus-ring-color: rgba(132, 103, 173, 0.25);
    /*--bs-heading-color: #303030;*/

    --ts-item-bg: #e6e1ef;
    --ts-item-border: #cec2de;
}

[data-bs-theme=dark] {
    --bs-primary-text-emphasis: #b5a4ce;
    --bs-primary-bg-subtle: #1a1523;
    --bs-primary-border-subtle: #4f3e68;
    --bs-link-color: #b5a4ce;
    --bs-link-hover-color: #c4b6d8;
    --bs-link-color-rgb: 181, 164, 206;
    --bs-link-hover-color-rgb: 196, 182, 216;

    --ts-item-bg: #b5a4ce;
    --ts-item-border: #4f3e68;
}

.table-primary {
    --bs-table-bg: #e6e1ef;
    --bs-table-border-color: #b8b4bf;
    --bs-table-striped-bg: #dbd6e3;
    --bs-table-active-bg: #cfcbd7;
    --bs-table-hover-bg: #d5d0dd;
}

.form-control:focus {
    border-color: #c2b3d6;
    box-shadow: 0 0 0 0.25rem rgba(132, 103, 173, 0.25);
}

.form-select:focus {
    border-color: #c2b3d6;
    box-shadow: 0 0 0 0.25rem rgba(132, 103, 173, 0.25);
}

.form-check-input:focus {
    border-color: #c2b3d6;
    box-shadow: 0 0 0 0.25rem rgba(132, 103, 173, 0.25);
}

.form-check-input:checked {
    background-color: #8467ad;
    border-color: #8467ad;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #8467ad;
    border-color: #8467ad;
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23c2b3d6%27/%3e%3c/svg%3e");
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(132, 103, 173, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(132, 103, 173, 0.25);
}

.form-range::-webkit-slider-thumb {
    background-color: #8467ad;
}

.form-range::-webkit-slider-thumb:active {
    background-color: #dad1e6;
}

.form-range::-moz-range-thumb {
    background-color: #8467ad;
}

.form-range::-moz-range-thumb:active {
    background-color: #dad1e6;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8467ad;
    --bs-btn-border-color: #8467ad;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #705893;
    --bs-btn-hover-border-color: #6a528a;
    --bs-btn-focus-shadow-rgb: 150, 126, 185;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6a528a;
    --bs-btn-active-border-color: #634d82;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8467ad;
    --bs-btn-disabled-border-color: #8467ad;
}

.btn-outline-primary {
    --bs-btn-color: #8467ad;
    --bs-btn-border-color: #8467ad;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8467ad;
    --bs-btn-hover-border-color: #8467ad;
    --bs-btn-focus-shadow-rgb: 132, 103, 173;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8467ad;
    --bs-btn-active-border-color: #8467ad;
    --bs-btn-disabled-color: #8467ad;
    --bs-btn-disabled-border-color: #8467ad;
}

.btn-link {
    --bs-btn-focus-shadow-rgb: 150, 126, 185;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #8467ad;
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #8467ad;
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(132, 103, 173, 0.25);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #8467ad;
}

.accordion {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23352945%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27M2 5L8 11L14 5%27/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(132, 103, 173, 0.25);
}

[data-bs-theme=dark] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23b5a4ce%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23b5a4ce%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
}

.pagination {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(132, 103, 173, 0.25);
    --bs-pagination-active-bg: #8467ad;
    --bs-pagination-active-border-color: #8467ad;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: #8467ad;
}

.list-group {
    --bs-list-group-active-bg: #8467ad;
    --bs-list-group-active-border-color: #8467ad;
}

.btn-close {
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(132, 103, 173, 0.25);
}

.text-bg-primary {
    color: #fff !important;
}

.link-primary:hover, .link-primary:focus {
    color: rgba(106, 82, 138, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: rgba(106, 82, 138, var(--bs-link-underline-opacity, 1)) !important;
}

/* tom-select */
.ts-wrapper.multi .ts-control > div.item {
    background-color: var(--ts-item-bg);
    border-color: var(--ts-item-border);

}

.ts-wrapper.plugin-remove_button:not(.rtl) div.item .remove {
    border-color: var(--ts-item-border);
}