:root {
    --bs-primary: rgb(106, 61, 56);
    --bs-primary-rgb: 106, 61, 56;

    --bs-secondary: rgb(253, 249, 244);   
    --bs-secondary-rgb: 253, 249, 244;

    --bs-tertiary: rgb(244, 194, 98);
    --bs-tertiary-rgb: 244, 194, 98;

    --bs-accordion-border-color: rgba(106, 61, 56, 0.1);
    --bs-border-color: rgba(106, 61, 56, 0.5);
}

.accordion-button {
    background-color: var(--bs-secondary);
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-tertiary);
}

.accordion-body {
    background-color: var(--bs-secondary);
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(244, 194, 98, 0.25) !important;
    border-color: rgba(108, 117, 125, 0.5);
}        

.btn-secondary {
    --bs-btn-bg: var(--bs-tertiary);
    --bs-btn-border-color: var(--bs-tertiary);
    --bs-btn-color: var(--bs-primary);
    
    --bs-btn-hover-bg: var(--bs-tertiary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-tertiary);
    
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
}

input:focus {
    background-color: green;
    color: #2c3e50;
    caret-color: var(--bs-primary);;  
    border-color: rgba(108, 117, 125, 0.5);
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(244, 194, 98, 0.25) !important;
}

input::selection {
  background: var(--bs-primary);
  color: var(--bs-secondary);
}