:root {
    --bs-primary: #B79767 !important;
    --bs-primary-rgb: 183, 151, 103 !important;
    --bs-primary-text-emphasis: #A38557 !important;
    --bs-primary-bg-subtle: #F4EBE0 !important;
    --bs-primary-border-subtle: #D4B68C !important;
    --bs-link-color: #B79767 !important;
    --bs-link-hover-color: #A38557 !important;
    --bs-dark: #000000 !important;
    --bs-dark-rgb: 0, 0, 0 !important;
    --bs-dark-text-emphasis: #000000 !important;
    --bs-dark-bg-subtle: #1a1a1a !important;
    --bs-dark-border-subtle: #333333 !important;
}

[data-bs-theme=dark] {
    --bs-primary: #B79767 !important;
    --bs-primary-rgb: 183, 151, 103 !important;
    --bs-primary-text-emphasis: #D4B68C !important;
    --bs-primary-bg-subtle: #3D3426 !important;
    --bs-primary-border-subtle: #665742 !important;
    --bs-dark: #000000 !important;
    --bs-dark-rgb: 0, 0, 0 !important;
    --bs-dark-text-emphasis: #000000 !important;
    --bs-dark-bg-subtle: #1a1a1a !important;
    --bs-dark-border-subtle: #333333 !important;
}

.btn-primary {
    --bs-btn-bg: #B79767 !important;
    --bs-btn-border-color: #B79767 !important;
    --bs-btn-hover-bg: #A38557 !important;
    --bs-btn-hover-border-color: #997E52 !important;
    --bs-btn-active-bg: #A38557 !important;
    --bs-btn-active-border-color: #8F764D !important;
    --bs-btn-disabled-bg: #B79767 !important;
    --bs-btn-disabled-border-color: #B79767 !important;
}

.btn-outline-primary {
    --bs-btn-color: #B79767 !important;
    --bs-btn-border-color: #B79767 !important;
    --bs-btn-hover-bg: #B79767 !important;
    --bs-btn-hover-border-color: #B79767 !important;
    --bs-btn-active-bg: #B79767 !important;
    --bs-btn-active-border-color: #B79767 !important;
    --bs-btn-disabled-color: #B79767 !important;
    --bs-btn-disabled-border-color: #B79767 !important;
}

.btn-label-primary {
    --bs-btn-color: #B79767 !important;
    --bs-btn-bg: #F4EBE0 !important;
    --bs-btn-hover-bg: #A38557 !important;
    --bs-btn-active-bg: #A38557 !important;
}

.text-primary {
    color: #B79767 !important;
}

.bg-primary {
    background-color: #B79767 !important;
}

.bg-label-primary {
    background-color: #F4EBE0 !important;
    color: #B79767 !important;
}

.border-primary {
    border-color: #B79767 !important;
}

.form-check-primary .form-check-input:checked {
    background-color: #B79767 !important;
    border-color: #B79767 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #B79767 !important;
}

.page-item.active .page-link {
    background-color: #B79767 !important;
    border-color: #B79767 !important;
}

.progress-bar-primary {
    background-color: #B79767 !important;
}

/* Custom styles for other components */
.custom-option.custom-option-icon.checked svg {
    color: #B79767 !important;
}

.custom-option.custom-option-label.checked {
    background-color: rgba(183, 151, 103, 0.12) !important;
    color: #B79767 !important;
}

.custom-option.custom-option-label.checked .custom-option-header span,
.custom-option.custom-option-label.checked .custom-option-title {
    color: #B79767 !important;
}

/* Gradient variations */
.bg-gradient-primary {
    background-image: linear-gradient(45deg, #B79767, rgba(183, 151, 103, 0.5)) !important;
}

/* Focus and active states */
.form-control:focus,
.form-select:focus {
    border-color: #B79767 !important;
    box-shadow: 0 0 0.25rem rgba(183, 151, 103, 0.25) !important;
}

/* Link styles */
a {
    color: #B79767;
}

a:hover {
    color: #A38557;
}

/* Dark theme specific overrides */
.bg-dark {
    background-color: #000000 !important;
}

.text-dark {
    color: #000000 !important;
}

.border-dark {
    border-color: #000000 !important;
}

.btn-dark {
    --bs-btn-bg: #000000 !important;
    --bs-btn-border-color: #000000 !important;
    --bs-btn-hover-bg: #1a1a1a !important;
    --bs-btn-hover-border-color: #333333 !important;
    --bs-btn-active-bg: #1a1a1a !important;
    --bs-btn-active-border-color: #333333 !important;
    --bs-btn-disabled-bg: #000000 !important;
    --bs-btn-disabled-border-color: #000000 !important;
}

.btn-outline-dark {
    --bs-btn-color: #000000 !important;
    --bs-btn-border-color: #000000 !important;
    --bs-btn-hover-bg: #000000 !important;
    --bs-btn-hover-border-color: #000000 !important;
    --bs-btn-active-bg: #000000 !important;
    --bs-btn-active-border-color: #000000 !important;
    --bs-btn-disabled-color: #000000 !important;
    --bs-btn-disabled-border-color: #000000 !important;
}

.btn-label-dark {
    --bs-btn-color: #000000 !important;
    --bs-btn-bg: #1a1a1a !important;
    --bs-btn-hover-bg: #333333 !important;
    --bs-btn-active-bg: #333333 !important;
}