:root {
    --wlp-primary: #2f5271;
    --wlp-primary-rgb: 47, 82, 113;
    --wlp-on-primary: #ffffff;
    --wlp-primary-text: rgb(47, 82, 113);
    --wlp-primary-text-rgb: 47, 82, 113;
    --bs-link-hover-color: rgb(38, 66, 90);
    --bs-link-hover-color-rgb: 38, 66, 90;
    --wlp-secondary: #b9043d;
    --wlp-secondary-rgb: 185, 4, 61;
    --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);
}