:root {
    --aznv-lavender-1: #D6A4FF;
    --aznv-lavender-2: #AB81CD;
    --aznv-lavender-3: #8656ad;
    --aznv-lavender-4: #65318f;
    --aznv-lavender-5: #57297c;
}

.bg-aznv-lavender-1 {
    background-color: var(--aznv-lavender-1)
}

.bg-aznv-lavender-2 {
    background-color: var(--aznv-lavender-2)
}

.bg-aznv-lavender-3 {
    background-color: var(--aznv-lavender-3)
}

.bg-aznv-lavender-4 {
    background-color: var(--aznv-lavender-4)
}

.bg-aznv-lavender-5 {
    background-color: var(--aznv-lavender-5)
}

.border-aznv-lavender-1 {
    border-color: var(--aznv-lavender-1)
}

.border-aznv-lavender-2 {
    border-color: var(--aznv-lavender-2)
}

.border-aznv-lavender-3 {
    border-color: var(--aznv-lavender-3)
}

.text-aznv-lavender-2, a {
    color: var(--aznv-lavender-2);
}



.aznv-btn-link {
    color: var(--aznv-lavender-2) !important;
}

    a:hover, .aznv-btn-link:hover, .aznv-btn-link:active, .btn-link:hover {
        color: var(--aznv-lavender-1) !important;
    }

.form-check-input:checked {
    background-color: #a83fff;
    border-color: var(--aznv-lavender-2);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #8a57ea52 !important;
}

.aznv-btn-lavender-3 {
    background-color: var(--aznv-lavender-3);
    color: #ffffffd6;
}
    .aznv-btn-lavender-3:hover {
        background-color: var(--aznv-lavender-4) !important;
    }
    .aznv-btn-lavender-3:active {
        background-color: var(--aznv-lavender-5) !important;
    }
.aznv-btn-check:checked + .aznv-btn, .aznv-btn.active, .aznv-btn.show, .aznv-btn:first-child:active, :not(.aznv-btn-check) + .aznv-btn:active {
    color: #FFF;
    border-color: var(--aznv-lavender-1);
    background-color: var(--aznv-lavender-3);
}

.aznv-btn-primary {
    color: #FFF;
    background-color: var(--aznv-lavender-3);
    border-color: var(--aznv-lavender-3);
}

    .aznv-btn-primary:hover {
        background-color: var(--aznv-lavender-4) !important;
        border-color: var(--aznv-lavender-4) !important;
    }

    .aznv-btn-primary:active {
        background-color: var(--aznv-lavender-5) !important;
        border-color: var(--aznv-lavender-5) !important;
    }

.aznv-btn-outline-primary {
    color: var(--aznv-lavender-2);
    border-color: var(--aznv-lavender-2);
}

    .aznv-btn-outline-primary:hover {
        background-color: var(--aznv-lavender-2) !important;
        border-color: var(--aznv-lavender-2);
        color: #FFF !important;
    }

    .aznv-btn-outline-primary:active {
        background-color: var(--aznv-lavender-3) !important;
        color: #FFF !important;
    }

.aznv-page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--aznv-lavender-2);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .aznv-page-link:hover {
        background-color: var(--bs-pagination-hover-bg);
        border-color: var(--bs-pagination-hover-border-color);
    }

.active > .aznv-page-link, .anzv-page-link.active {
    background-color: var(--aznv-lavender-3);
    border-color: var(--aznv-lavender-3);
    color: #FFF;
}