:root {
    --bs-primary: #00abbd; /* 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: #4e4e4e; /* Darker shade for text */
    --primary-color: #4f4f4f;
    --secondary-color: #f5e8c7;
    --text-color: #333;
    --hover-color: #606060;
}

.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: #606060;
    --bs-btn-active-bg: #606060; /* Darker for active */
    --bs-btn-active-border-color: #606060;
}