:root, [data-bs-theme=light] {
    --bs-primary: #67B565;
    --bs-primary-rgb: 103, 181, 101;
    --bs-link-color: #67B565;
    --bs-link-color-rgb: 103, 181, 101;
    --bs-focus-ring-color: rgba(103, 181, 101, .25);
    --bs-primary-bg-subtle: #E8F2E5;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #67B565; /* primary */
    --bs-btn-border-color: #67B565; /* primary */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #53904d; /* iets donkerder groen */
    --bs-btn-hover-border-color: #467842; /* nog iets donkerder */
    --bs-btn-focus-shadow-rgb: 81, 138, 78; /* rgb van hoverkleur */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #467842; /* dezelfde als hover-border */
    --bs-btn-active-border-color: #3c6838; /* diepste groen */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(2, 6, 23, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #67B565;
    --bs-btn-disabled-border-color: #67B565;
}

.btn-white {
    --bs-btn-color: #334155; /* standaard tekstkleur */
    --bs-btn-bg: #fff; /* standaard witte achtergrond */
    --bs-btn-border-color: #fff; /* standaard witte border */
    --bs-btn-hover-color: #276140; /* donkergroen */
    --bs-btn-hover-bg: #E8F2E5; /* lichtgroen */
    --bs-btn-hover-border-color: #E8F2E5;
    --bs-btn-active-color: #276140; /* donkergroen */
    --bs-btn-active-bg: #E8F2E5; /* lichtgroen */
    --bs-btn-active-border-color: #E8F2E5;
    --bs-btn-disabled-color: #8b3dff; /* ongewijzigd, evt. aanpassen naar grijs of groen? */
    --bs-btn-disabled-bg: #f1f5f9;
    --bs-btn-disabled-border-color: #f1f5f9;
}

.form-check-input:checked {
    background-color: #67B565;
    border-color: #67B565
}


.grecaptcha-badge {
    visibility: hidden !important;
}

.bg-primary.bg-opacity-10, .bg-primary.bg-opacity-25 {
    background-color: #ECF5EB !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg);
    color: var(--bs-dropdown-link-hover-color);
}


.btn-primary {
    color: white !important;
}

    .btn-primary.active, .btn-primary:hover {
        background-color: #52A550 !important;
        border-color: #52A550 !important;
    }

.btn-outline-primary {
    border-color: #67B565 !important;
    color: #67B565 !important;
}

    .btn-outline-primary:hover {
        border-color: #67B565 !important;
        background-color: #67B565 !important;
        color: white !important;
    }

.btn-white:hover {
    background-color: #DFEFDE !important;
    border: #DFEFDE !important;
}

.border-primary-subtle {
    border-color: #DFEFDE !important;
}


/* begin: scroll voortgang */
.btn-scroll-top {
    left: 24px;
    right: initial !important;
}

/*einde: scroll voortgang*/

/*

THEMA Aanpassingen:
Standaard groen:    #67B565 (normale knop)
Donker groen:       #52A550 (gehoverde knop)
Licht groen:        #ECF5EB (achtergrond)
Donkerlicht groen:  #DFEFDE

*/