:root {
    /* Primary theme colors */
    --bs-primary: #107512 !important;
    --bs-secondary: #002610 !important;
    --bs-info: #49c6bb !important;
    --bs-warning: #FF0000 !important;
    /* Backgrounds and text */
    --bs-body-bg: #F5F5F5 !important;
    --bs-body-color: #003816 !important;
    /* Typography */
    --bs-font-sans-serif: 'PPNeueMontreal', sans-serif !important;
    --bs-h1-font-size: 2rem !important;
    --bs-h2-font-size: 1.8rem !important;
    --bs-h3-font-size: 1.6rem !important;
    --bs-h4-font-size: 1.4rem !important;
    --bs-h5-font-size: 1.2rem !important;
    --bs-h6-font-size: 1rem !important;
    /* Components */
    --bs-navbar-bg: #ffffff !important;
    --bs-navbar-color: #003816 !important;
    --bs-nav-link-color: #003816 !important;
    --bs-navbar-brand-color: #003816 !important;
    --bs-offcanvas-bg: #01491F !important;
    --bs-offcanvas-color: #ffffff !important;
    --bs-btn-primary-bg: #107512 !important;
    --bs-btn-primary-border-color: #107512 !important;
    /* Checkboxes */
    --bs-form-check-bg: #ffffff !important;
    --bs-form-check-border: #002610 !important;
    --bs-form-check-focus-border-color: #002610 !important;
    --bs-form-check-focus-box-shadow: 0 0 0 .25rem rgba(16, 117, 18, .25);
    --bs-form-check-checked-bg: #107512 !important;
    --bs-form-check-checked-border: #107512 !important;
    --bs-form-check-radius: 0.25rem !important;
    --bs-form-check-size: 1.25rem !important;
}

.hover-elevation:hover {
    box-shadow: var(--mud-elevation-2)
}

.form-check-input {
    width: var(--bs-form-check-size);
    height: var(--bs-form-check-size);
    background-color: var(--bs-form-check-bg);
    border: 1px solid var(--bs-form-check-border);
    border-radius: var(--bs-form-check-radius);
}

    .form-check-input:checked {
        background-color: var(--bs-form-check-checked-bg);
        border-color: var(--bs-form-check-checked-border);
    }

    .form-check-input:focus {
        border-color: var(--bs-form-check-focus-border-color);
        outline: 0;
        box-shadow: var(--bs-form-check-focus-box-shadow);
    }

.form-check-label {
    vertical-align: middle;
    text-align: center;
    padding-top: 0.25em;
    padding-left: 0.5em;
}