:root {
    --wlp-primary: #472b68;
    --wlp-primary-rgb: 71, 43, 104;
    --wlp-on-primary: #ffffff;
    --wlp-primary-text: rgb(71, 43, 104);
    --wlp-primary-text-rgb: 71, 43, 104;
    --bs-link-hover-color: rgb(57, 34, 83);
    --bs-link-hover-color-rgb: 57, 34, 83;
    --wlp-secondary: #8e59cf;
    --wlp-secondary-rgb: 142, 89, 207;
    --wlp-on-secondary: #ffffff;
}
.btn-primary {
    --bs-btn-color: var(--wlp-on-primary);
    --bs-btn-hover-color: var(--wlp-on-primary);
    --bs-btn-active-color: var(--wlp-on-primary);
    --bs-btn-disabled-color: var(--wlp-on-primary);
}
.btn-outline-primary {
    --bs-btn-hover-color: var(--wlp-on-primary);
    --bs-btn-active-color: var(--wlp-on-primary);
}
.bg-primary, .badge.bg-primary {
    color: var(--wlp-on-primary) !important;
}
.bg-dark {
    background-color: var(--wlp-primary) !important;
    color: var(--wlp-on-primary) !important;
}
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6 {
    color: var(--wlp-on-primary) !important;
}
.bg-secondary {
    background-color: var(--wlp-secondary) !important;
    color: var(--wlp-on-secondary) !important;
}
.nav-pills {
    --bs-nav-pills-link-active-bg: var(--wlp-primary);
    --bs-nav-pills-link-active-color: var(--wlp-on-primary);
}
.nav-pills .nav-link.active {
    color: var(--wlp-on-primary) !important;
}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
    background-color: var(--wlp-primary);
    color: var(--wlp-on-primary);
}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
    background-color: var(--wlp-primary) !important;
    color: var(--wlp-on-primary) !important;
}
input[type="checkbox"], input[type="radio"] {
    accent-color: var(--wlp-primary);
}
.copy-container i {
    color: var(--wlp-primary);
}