/* Bootstrap Color Overrides */

/* Override Bootstrap warning colors with our new amber scheme */
:root {
    --bs-warning: #D97706;
    --bs-warning-rgb: 217, 119, 6;
}

/* Warning button overrides */
.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #D97706;
    --bs-btn-border-color: #D97706;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B45309;
    --bs-btn-hover-border-color: #B45309;
    --bs-btn-focus-shadow-rgb: 217, 119, 6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B45309;
    --bs-btn-active-border-color: #B45309;
}

.btn-outline-warning {
    --bs-btn-color: #D97706;
    --bs-btn-border-color: #D97706;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #D97706;
    --bs-btn-hover-border-color: #D97706;
    --bs-btn-focus-shadow-rgb: 217, 119, 6;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D97706;
    --bs-btn-active-border-color: #D97706;
}

/* Warning background and text */
.bg-warning {
    background-color: #D97706 !important;
    color: #fff !important;
}

.text-warning {
    color: #D97706 !important;
}

.border-warning {
    border-color: #D97706 !important;
}

/* Warning alert */
.alert-warning {
    --bs-alert-color: #B45309;
    --bs-alert-bg: #FEF3C7;
    --bs-alert-border-color: #F59E0B;
    border-left: 4px solid #D97706;
}

/* Badge warning */
.badge.bg-warning {
    background-color: #D97706 !important;
    color: #fff !important;
}

/* Override primary colors to use our blue theme */
:root {
    --bs-primary: #2563EB;
    --bs-primary-rgb: 37, 99, 235;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2563EB;
    --bs-btn-border-color: #2563EB;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1D4ED8;
    --bs-btn-hover-border-color: #1D4ED8;
    --bs-btn-focus-shadow-rgb: 37, 99, 235;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1D4ED8;
    --bs-btn-active-border-color: #1D4ED8;
}

.btn-outline-primary {
    --bs-btn-color: #2563EB;
    --bs-btn-border-color: #2563EB;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2563EB;
    --bs-btn-hover-border-color: #2563EB;
    --bs-btn-focus-shadow-rgb: 37, 99, 235;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2563EB;
    --bs-btn-active-border-color: #2563EB;
}

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

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

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

/* Success colors - using emerald */
:root {
    --bs-success: #059669;
    --bs-success-rgb: 5, 150, 105;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #059669;
    --bs-btn-border-color: #059669;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #047857;
    --bs-btn-hover-border-color: #047857;
    --bs-btn-focus-shadow-rgb: 5, 150, 105;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #047857;
    --bs-btn-active-border-color: #047857;
}

.bg-success {
    background-color: #059669 !important;
}

.text-success {
    color: #059669 !important;
}

/* Danger colors - using red */
:root {
    --bs-danger: #DC2626;
    --bs-danger-rgb: 220, 38, 38;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #DC2626;
    --bs-btn-border-color: #DC2626;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B91C1C;
    --bs-btn-hover-border-color: #B91C1C;
    --bs-btn-focus-shadow-rgb: 220, 38, 38;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B91C1C;
    --bs-btn-active-border-color: #B91C1C;
}

.bg-danger {
    background-color: #DC2626 !important;
}

.text-danger {
    color: #DC2626 !important;
}

/* Info colors - using cyan */
:root {
    --bs-info: #0891B2;
    --bs-info-rgb: 8, 145, 178;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0891B2;
    --bs-btn-border-color: #0891B2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0E7490;
    --bs-btn-hover-border-color: #0E7490;
    --bs-btn-focus-shadow-rgb: 8, 145, 178;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0E7490;
    --bs-btn-active-border-color: #0E7490;
}

.bg-info {
    background-color: #0891B2 !important;
}

.text-info {
    color: #0891B2 !important;
}

/* Form controls focus */
.form-control:focus {
    border-color: #2563EB;
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}

.form-select:focus {
    border-color: #2563EB;
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}

/* Links */
a {
    color: #2563EB;
}

a:hover {
    color: #1D4ED8;
}
