:root {
    --bs-primary: #4B2E0E; /* Dark Brown from logo */
    --bs-secondary: #A67C00; /* A warm brownish gold */
    --bs-light: #E6E6E6; /* Light gray from logo background */
    --bs-dark: #2B1B0A; /* Very dark brown */
    --bs-white: #F5F5F5; /* Off white for text */
}

/* Additional overrides for buttons and backgrounds */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

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

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.bg-light {
    background-color: var(--bs-light) !important;
}

.text-light {
    color: var(--bs-light) !important;
}

.bg-dark {
    background-color: var(--bs-dark) !important;
}

.text-dark {
    color: var(--bs-dark) !important;
}

/* Custom styles for search bar background and image border */
.search-bar-bg {
    background-color: rgba(75, 46, 14, 0.8); /* semi-transparent dark brown */
}

.image-border-custom {
    border: 50px solid;
    border-color: transparent var(--bs-primary) transparent var(--bs-primary);
    border-radius: 20px;
}