:root,
[data-bs-theme=light] {
    --bs-primary: #323067;
    --bs-primary-rgb: 50, 48, 103;
    --bs-light-primary: #e9e9f2;
    --bs-light-primary-rgb: 233, 233, 242;
    --bs-dark-primary: #232146;
    --bs-dark-primary-rgb: 35, 33, 70;
    --bs-primary-text-emphasis: #1c1b3a;
    --bs-primary-bg-subtle: #e9e9f2;
    --bs-primary-border-subtle: #b8b7d0;
    --bs-danger: #c10a0a;
    --bs-danger-rgb: 193, 10, 10;
    --bs-link-color: #323067;
    --bs-link-color-rgb: 50, 48, 103;
    --bs-link-hover-color: #c10a0a;
    --bs-link-hover-color-rgb: 193, 10, 10;
    --bs-focus-ring-color: rgba(50, 48, 103, 0.25);
}

.btn-primary {
    --bs-btn-bg: #323067;
    --bs-btn-border-color: #323067;
    --bs-btn-hover-bg: #282652;
    --bs-btn-hover-border-color: #232146;
    --bs-btn-focus-shadow-rgb: 50, 48, 103;
    --bs-btn-active-bg: #232146;
    --bs-btn-active-border-color: #1c1b3a;
    --bs-btn-disabled-bg: #323067;
    --bs-btn-disabled-border-color: #323067;
}

.btn-outline-primary {
    --bs-btn-color: #323067;
    --bs-btn-border-color: #323067;
    --bs-btn-hover-bg: #323067;
    --bs-btn-hover-border-color: #323067;
    --bs-btn-focus-shadow-rgb: 50, 48, 103;
    --bs-btn-active-bg: #323067;
    --bs-btn-active-border-color: #323067;
    --bs-btn-disabled-color: #323067;
    --bs-btn-disabled-border-color: #323067;
}

.btn-light-primary {
    --bs-btn-bg: #e9e9f2;
    --bs-btn-border-color: #e9e9f2;
    --bs-btn-hover-bg: #dcdae8;
    --bs-btn-hover-border-color: #d4d3e3;
    --bs-btn-focus-shadow-rgb: 50, 48, 103;
    --bs-btn-active-bg: #d4d3e3;
    --bs-btn-active-border-color: #c8c6db;
    --bs-btn-disabled-bg: #e9e9f2;
    --bs-btn-disabled-border-color: #e9e9f2;
}

.btn-dark-primary {
    --bs-btn-bg: #232146;
    --bs-btn-border-color: #232146;
    --bs-btn-hover-bg: #1c1b3a;
    --bs-btn-hover-border-color: #16152e;
    --bs-btn-disabled-bg: #232146;
    --bs-btn-disabled-border-color: #232146;
}

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

.pagination {
    --bs-pagination-hover-bg: #323067;
    --bs-pagination-hover-border-color: #323067;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(50, 48, 103, 0.25);
    --bs-pagination-active-bg: #323067;
    --bs-pagination-active-border-color: #323067;
}

.form-control:focus,
.form-select:focus {
    border-color: #323067;
    box-shadow: 0 0 0 3px rgba(50, 48, 103, 0.18);
}

.form-check-input:checked,
.form-check-input:focus {
    background-color: #323067;
    border-color: #323067;
}

.form-range::-webkit-slider-thumb,
.form-range::-moz-range-thumb {
    background-color: #323067;
}

.navbar .navbar-toggler,
.navbar .navbar-toggler .icon-bar,
.navbar .navbar-toggler .top-bar,
.navbar .navbar-toggler .bottom-bar,
.navbar .navbar-toggler.collapsed .top-bar,
.navbar .navbar-toggler.collapsed .bottom-bar {
    border-color: #323067;
    background-color: #323067;
}

.navbar .navbar-toggler {
    background-color: transparent;
}

a.text-muted:hover,
a:hover .text-primary-hover {
    color: #323067 !important;
}

.bg-primary-gradient {
    background: linear-gradient(to bottom, rgba(50, 48, 103, 0.85) 0%, rgba(193, 10, 10, 0.75) 100%);
}

.bg-dual-gradient {
    background: linear-gradient(135deg, rgba(50, 48, 103, 0.92) 0%, rgba(50, 48, 103, 0.9) 47%, rgba(193, 10, 10, 0.88) 100%);
}

.bg-primary-soft {
    background-color: #e9e9f2 !important;
}