:root {
    --bs-primary: #eca43c; /* Custom primary color (coffee brown) */
    --bs-primary-rgb: 111, 78, 55; /* RGB equivalent for transparency */
    --bs-primary-bg-subtle: #e6d5c3; /* Lighter shade for backgrounds */
    --bs-primary-border-subtle: #d2bba0; /* Subtle border color */
    --bs-primary-text-emphasis: #4a3323; /* Darker shade for text */
    --primary-color: #6b4e31;
    --secondary-color: #f5e8c7;
    --text-color: #333;
    --hover-color: #8b5e3c;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: rgb(167, 72, 13); /* Slightly darker for hover */
    --bs-btn-hover-border-color: #5c3f2d;
    --bs-btn-active-bg: #b8550e; /* Darker for active */
    --bs-btn-active-border-color: #6e3206;
}