/* Custom Taubase brand colors */
:root {
    --tb-light-background: #fff;
    --tb-header-bg: #fff;
    --tb-header-item-color: #0f172a;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 1);
    --tb-toast-max-width: 500px !important;
    --fc-event-text-color: #000 !important;
    --bs-body-bg-rgb: 33, 37, 41;
    
    /* Taubase brand colors */
    --taubase-primary: #673AB7;
    --taubase-primary-dark: #5A4596;
    --taubase-orange: #F18945;
    --taubase-brown: #A77363;
    --taubase-green: #88C9BA;
    --taubase-blue: #6FA1B7;
    --taubase-teal: #1CA7BE;
    --taubase-grey: #818181;
    
    /* Bootstrap overrides using Taubase colors */
    --taubase-secondary: var(--taubase-grey);
    --taubase-success: var(--taubase-green);
    --taubase-danger: #dc3545;  /* Keep Bootstrap's danger color for warnings */
    --taubase-warning: var(--taubase-orange);
    --taubase-info: var(--taubase-teal);
    --taubase-light: #f8f9fa;
    --taubase-dark: #212529;
    
    /* Override Bootstrap primary with Taubase purple */
    --bs-primary: 103, 58, 183;
    --bs-primary-rgb: 103, 58, 183;
    --bs-primary-bg-subtle: rgba(103, 58, 183, 0.125);
    --bs-primary-border-subtle: rgba(103, 58, 183, 0.25);
    --bs-primary-text: #673AB7;
    --bs-primary-text-emphasis: #673AB7;

    /* Override Bootstrap warning with Taubase orange */
    --bs-warning: 241, 137, 69;
    --bs-warning-rgb: 241, 137, 69;
    --bs-warning-bg-subtle: rgba(241, 137, 69, 0.125);
    --bs-warning-border-subtle: rgba(241, 137, 69, 0.25);
    --bs-warning-text: #F18945;
    --bs-warning-text-emphasis: #F18945;

    /* Override Bootstrap info with Taubase teal */
    --bs-info: 28, 167, 190;
    --bs-info-rgb: 28, 167, 190;
    --bs-info-bg-subtle: rgba(28, 167, 190, 0.125);
    --bs-info-border-subtle: rgba(28, 167, 190, 0.25);
    --bs-info-text: #1CA7BE;
    --bs-info-text-emphasis: #1CA7BE;
}

/* Bootstrap primary color overrides */
.btn-primary {
    --bs-btn-bg: #673AB7 !important;
    --bs-btn-border-color: #673AB7 !important;
    --bs-btn-hover-bg: #5A4596 !important;
    --bs-btn-hover-border-color: #5A4596 !important;
    --bs-btn-active-bg: #512da6 !important;
    --bs-btn-active-border-color: #512da6 !important;
    --bs-btn-disabled-bg: #673AB7 !important;
    --bs-btn-disabled-border-color: #673AB7 !important;
}

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

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

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

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

.badge.bg-primary {
    background-color: #673AB7 !important;
}

/* Form controls focus state */
.form-control:focus,
.form-select:focus {
    border-color: #673AB7 !important;
    box-shadow: 0 0 0 0.2rem rgba(103, 58, 183, 0.25) !important;
}

/* Nav pills active state */
.nav-pills .nav-link.active {
    background-color: #673AB7 !important;
}

/* Links */
a {
    color: #673AB7 !important;
}

a:hover {
    color: #5A4596 !important;
}

/* Bootstrap warning color overrides */
.btn-warning {
    --bs-btn-bg: #F18945 !important;
    --bs-btn-border-color: #F18945 !important;
    --bs-btn-hover-bg: #e67a3c !important;
    --bs-btn-hover-border-color: #e67a3c !important;
    --bs-btn-active-bg: #db6b33 !important;
    --bs-btn-active-border-color: #db6b33 !important;
    --bs-btn-disabled-bg: #F18945 !important;
    --bs-btn-disabled-border-color: #F18945 !important;
    --tb-btn-bg: #F18945 !important;
    --tb-btn-border-color: #F18945 !important;
    --tb-btn-hover-bg: #e67a3c !important;
    --tb-btn-hover-border-color: #e67a3c !important;
    --tb-btn-active-bg: #db6b33 !important;
    --tb-btn-active-border-color: #db6b33 !important;
    --tb-btn-disabled-bg: #F18945 !important;
    --tb-btn-disabled-border-color: #F18945 !important;
}

.btn-outline-warning {
    --bs-btn-color: #F18945 !important;
    --bs-btn-border-color: #F18945 !important;
    --bs-btn-hover-bg: #F18945 !important;
    --bs-btn-hover-border-color: #F18945 !important;
    --bs-btn-active-bg: #F18945 !important;
    --bs-btn-active-border-color: #F18945 !important;
}

.bg-warning {
    background-color: #F18945 !important;
}

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

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

.badge.bg-warning {
    background-color: #F18945 !important;
}

.alert-warning {
    --bs-alert-bg: rgba(241, 137, 69, 0.125) !important;
    --bs-alert-border-color: rgba(241, 137, 69, 0.25) !important;
    --bs-alert-color: #F18945 !important;
}

/* Bootstrap info color overrides */
.btn-info {
    --bs-btn-bg: #1CA7BE !important;
    --bs-btn-border-color: #1CA7BE !important;
    --bs-btn-hover-bg: #1896ab !important;
    --bs-btn-hover-border-color: #1896ab !important;
    --bs-btn-active-bg: #158598 !important;
    --bs-btn-active-border-color: #158598 !important;
    --bs-btn-disabled-bg: #1CA7BE !important;
    --bs-btn-disabled-border-color: #1CA7BE !important;
}

.btn-outline-info {
    --bs-btn-color: #1CA7BE !important;
    --bs-btn-border-color: #1CA7BE !important;
    --bs-btn-hover-bg: #1CA7BE !important;
    --bs-btn-hover-border-color: #1CA7BE !important;
    --bs-btn-active-bg: #1CA7BE !important;
    --bs-btn-active-border-color: #1CA7BE !important;
}

.bg-info {
    background-color: #1CA7BE !important;
}

.text-info {
    color: #1CA7BE !important;
}

.border-info {
    border-color: #1CA7BE !important;
}

.badge.bg-info {
    background-color: #1CA7BE !important;
}

.alert-info {
    --bs-alert-bg: rgba(28, 167, 190, 0.125) !important;
    --bs-alert-border-color: rgba(28, 167, 190, 0.25) !important;
    --bs-alert-color: #1CA7BE !important;
}