:root,
[data-bs-theme=light] {
    --bs-primary: #436544;
    --bs-primary-rgb: 67, 101, 68;
    --bs-primary-text-emphasis: #1b2a1c;
    --bs-primary-bg-subtle: #dde4de;
    --bs-primary-border-subtle: #becacf;
    --bs-secondary: #533d29;
    --bs-secondary-rgb: 83, 61, 41;
    --bs-link-color: #436544;
    --bs-link-color-rgb: 67, 101, 68;
    --bs-link-hover-color: #39563a;
    --bs-link-hover-color-rgb: 57, 86, 58;
    --bs-focus-ring-color: rgba(67, 101, 68, .25);
}

[data-bs-theme=dark] {
    --bs-primary-text-emphasis: #9dbfa3;
    --bs-primary-bg-subtle: #0d1a10;
    --bs-primary-border-subtle: #2f5233;
    --bs-link-color: #9dbfa3;
    --bs-link-color-rgb: 157, 191, 163;
    --bs-link-hover-color: #b3d1b7;
    --bs-link-hover-color-rgb: 179, 209, 183;
    --bs-focus-ring-color: rgba(157, 191, 163, .25);
}

h1,
h2 {
    color: #533d29;
}

[data-bs-theme=dark] h1,
[data-bs-theme=dark] h2 {
    color: #b39a82;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #436544;
    --bs-btn-border-color: #436544;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #39563a;
    --bs-btn-hover-border-color: #39563a;
    --bs-btn-focus-shadow-rgb: 67, 101, 68;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #324b33;
    --bs-btn-active-border-color: #324b33;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #436544;
    --bs-btn-disabled-border-color: #436544;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #533d29;
    --bs-btn-border-color: #533d29;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #473423;
    --bs-btn-hover-border-color: #473423;
    --bs-btn-focus-shadow-rgb: 83, 61, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3e2e1f;
    --bs-btn-active-border-color: #3e2e1f;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #533d29;
    --bs-btn-disabled-border-color: #533d29;
}

.btn-outline-primary {
    --bs-btn-color: #436544;
    --bs-btn-border-color: #436544;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #436544;
    --bs-btn-hover-border-color: #436544;
    --bs-btn-focus-shadow-rgb: 67, 101, 68;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #436544;
    --bs-btn-active-border-color: #436544;
    --bs-btn-disabled-color: #436544;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #436544;
}

[data-bs-theme=dark] .btn-primary {
    border-color: #9dbfa3;
}

[data-bs-theme=dark] .btn-outline-primary {
    --bs-btn-color: #9dbfa3;
    --bs-btn-border-color: #9dbfa3;
    --bs-btn-hover-color: #171a1d;
    --bs-btn-hover-bg: #9dbfa3;
    --bs-btn-hover-border-color: #9dbfa3;
    --bs-btn-focus-shadow-rgb: 157, 191, 163;
    --bs-btn-active-color: #171a1d;
    --bs-btn-active-bg: #9dbfa3;
    --bs-btn-active-border-color: #9dbfa3;
    --bs-btn-disabled-color: #9dbfa3;
    --bs-btn-disabled-border-color: #9dbfa3;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #436544;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #436544;
    color: #fff;
}

[data-bs-theme=dark] .nav-pills .nav-link.active,
[data-bs-theme=dark] .nav-pills .show > .nav-link {
    background-color: #9dbfa3;
    color: #171a1d;
}

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

.form-check-input[type=checkbox]:indeterminate {
    background-color: #436544;
    border-color: #436544;
}

.form-range::-webkit-slider-thumb {
    background-color: #436544;
}

.form-range::-moz-range-thumb {
    background-color: #436544;
}

.pagination .page-link {
    color: #436544;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
    color: #39563a;
}

.pagination .page-item.active .page-link {
    background-color: #436544;
    border-color: #436544;
}

.progress-bar {
    background-color: #436544;
}

.list-group-item.active {
    background-color: #436544;
    border-color: #436544;
    color: #fff;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active,
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    background-color: #436544;
    color: #fff;
}