:root {
    --wlp-primary: #66f523;
    --wlp-primary-rgb: 102, 245, 35;
    --wlp-on-primary: #172d40;
    --wlp-primary-text: rgb(51, 122, 18);
    --wlp-primary-text-rgb: 51, 122, 18;
    --bs-link-hover-color: rgb(41, 98, 14);
    --bs-link-hover-color-rgb: 41, 98, 14;
    --wlp-secondary: #ec1bf0;
    --wlp-secondary-rgb: 236, 27, 240;
    --wlp-on-secondary: #172d40;
}
.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);
}