:root, [data-bs-theme=light] {
    --bs-primary-rgb: #885b1b;
    --bs-link-color-rgb: #885b1b;
    --bs-link-hover-color: #744b0f;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #885b1b;
    --bs-btn-border-color: #885b1b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #744b0f;
    --bs-btn-hover-border-color: #744b0f;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #744b0f;
    --bs-btn-active-border-color: #744b0f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #bc8e4b;
    --bs-btn-disabled-border-color: #bc8e4b;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #e3b86d;
    --bs-btn-border-color: #e3b86d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d9b577;
    --bs-btn-hover-border-color: #d9b577;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d9b577;
    --bs-btn-active-border-color: #d9b577;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e0d2b8;
    --bs-btn-disabled-border-color: #e0d2b8;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ab7752;
    --bs-btn-border-color: #7a5134;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #af7850;
    --bs-btn-hover-border-color: #7a5134;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #af7850;
    --bs-btn-active-border-color: #7a5134;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #aaa4a1;
    --bs-btn-disabled-border-color: #616161;
}


@media (max-width: 768px) {
    .carousel-caption {
        right: 5%;
        left: 5%;
    }

    .carousel-caption .title {
        font-size: 2.6rem;
    }
    .carousel-caption .link a {
        font-size: 1.4rem;
    }



    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        background-size: 50%;
    }
}


@media (max-width: 576px) {
    .carousel-caption .title {
        font-size: 2.2rem;
    }
    .carousel-caption .link a {
        font-size: 1.3rem;
    }
}

.form-check-input {
   border: var(--bs-border-width) solid black;
}