:root {
    --bs-primary: #00b398 !important;
    --bs-primary-rgb: 0, 179, 152 !important;
    --bs-primary-text-emphasis: #004c41 !important;
    --bs-primary-bg-subtle: #ccf0ea !important;
    --bs-primary-border-subtle: #99e1d5 !important;
    --bs-secondary: #ffc107 !important;
    --bs-secondary-rgb: 255, 193, 7 !important;
    --bs-secondary-text-emphasis: #664d03 !important;
    --bs-secondary-bg-subtle: #fff3cd !important;
    --bs-secondary-border-subtle: #ffe69c !important;
    /* Button specific variables */
    --bs-btn-bg: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-hover-bg: #009882 !important;
    --bs-btn-hover-border-color: #008f7a !important;
    --bs-btn-active-bg: #008f7a !important;
    --bs-btn-active-border-color: #008673 !important;
}

/* Direct color overrides */
.btn.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #009882 !important;
    border-color: #008f7a !important;
}

.btn.btn-primary:active {
    background-color: #008f7a !important;
    border-color: #008673 !important;
}

/* Secondary button overrides */
.btn.btn-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: #000 !important;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
    background-color: #ffca2c !important;
    border-color: #ffc720 !important;
}

.btn.btn-secondary:active {
    background-color: #ffcd39 !important;
    border-color: #ffc720 !important;
}

/* Outline primary button overrides */
.btn.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus {
    background-color: #009882 !important;
    border-color: #008f7a !important;
    color: #fff !important;
}

.btn.btn-outline-primary:active {
    background-color: #008f7a !important;
    border-color: #008673 !important;
    color: #fff !important;
}

/* Outline secondary button overrides */
.btn.btn-outline-secondary {
    color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus {
    background-color: #ffca2c !important;
    border-color: #ffc720 !important;
    color: #000 !important;
}

.btn.btn-outline-secondary:active {
    background-color: #ffcd39 !important;
    border-color: #ffc720 !important;
    color: #000 !important;
}

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

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

/* Text Colors */
.text-primary {
    color: var(--bs-primary) !important;
}

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

/* Border Colors */
.border-primary {
    border-color: var(--bs-primary) !important;
}

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

/* Link Colors */
.link-primary {
    color: var(--bs-primary) !important;
}

.link-primary:hover, 
.link-primary:focus {
    color: #008f7a !important;
}

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

.link-secondary:hover, 
.link-secondary:focus {
    color: #ffca2c !important;
}

/* Alert Styles */
.alert-primary {
    --bs-alert-color: #004c41;
    --bs-alert-bg: #ccf0ea;
    --bs-alert-border-color: #99e1d5;
}

.alert-secondary {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffe69c;
}

/* Badge Styles */
.badge.bg-primary {
    background-color: var(--bs-primary) !important;
}

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

/* Progress Bar */
.progress-bar.bg-primary {
    background-color: var(--bs-primary) !important;
}

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

/* List Group */
.list-group-item.active {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}
/* Table */
.table-primary {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.table-primary tbody tr:nth-of-type(odd) {
    background-color: #ccf0ea !important;
    color: #000 !important;
}

.table-primary tbody tr:hover {
    background-color: #99e1d5 !important;
    color: #000 !important;
}

.table-secondary {
    background-color: #fff3cd !important;
    color: #664d03 !important;
}

.table-secondary tbody tr:nth-of-type(odd) {
    background-color: #fff3cd !important;
    color: #000 !important;
}

.table-secondary tbody tr:hover {
    background-color: #ffe69c !important;
    color: #000 !important;
}



/* Toast */
.toast {
    background-color: #ccf0ea !important;
    border-color: #99e1d5 !important;
    color: #004c41 !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.toast-header {
    border-bottom-color: #99e1d5 !important;
}

.toast-body {
    color: #004c41 !important;
}

/* Pagination */
.pagination .page-link {
    color: #00b398 !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
}

.pagination .page-link:hover {
    color: #004c41 !important;
    background-color: #ccf0ea !important;
    border-color: #99e1d5 !important;
}

.pagination .page-link:focus {
    color: #004c41 !important;
    background-color: #ccf0ea !important;
    border-color: #99e1d5 !important;
}

.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #00b398 !important;
    border-color: #00b398 !important;
}

.pagination .page-item.disabled .page-link {
    color: #6c757d !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
}