/* UAB → Bootstrap 4.3.1 variable overrides  */
/* Load AFTER bootstrap.min.css */

:root {
    /* --- UAB Brand Base --- */
    --uab-green: #1A5632;
    --uab-gold: #FDB913;
    --smoke-gray: #808285;
    --dragons-lair-green: #033319;
    --campus-green: #90D408;
    --bham-sky-blue: #42CAF0;
    --ever-loyal-evergreen: #17B045;
    --flame-red: #D81E3F;
    /* Highlight Campus Green */
    --highlight-campus-green-20: #D7EFA6;
    --highlight-campus-green-10: #EAF7D0;
    --highlight-campus-green-5: #F4FBE7;
    /* Highlight UAB Gold */
    --highlight-uab-gold-20: #FFE6AA;
    --highlight-uab-gold-10: #FFF2D2;
    --highlight-uab-gold-5: #FFF8E8;
    /* Highlight Ever Loyal Evergreen */
    --highlight-evergreen-20: #ACE2BC;
    --highlight-evergreen-10: #D3F0DB;
    --highlight-evergreen-5: #E8F7ED; /* Highlight Bham Sky Blue */
    --highlight-bham-blue-20: #BBECFA;
    --highlight-bham-blue-10: #DBF5FC;
    --highlight-bham-blue-5: #EDF9FD;
    /* ------------------ UAB Medicine Colors ------------------ */
    /* Primary Color */
    --uab-medicine-green: #1A5632;
    /* Accent Colors */
    --healing-teal: #007580;
    --trust-teal: #68C6B8;
    /* Highlight Trust Teal */
    --highlight-trust-teal-30: #C0E4DA;
    --highlight-trust-teal-20: #CFEAE2;
    --highlight-trust-teal-10: #E2F2EC;
    /* ------------------ Neutral Colors ------------------ */
    --neutral-black-100: #000000;
    --neutral-black-20: #D1D3D4;
    --neutral-black-10: #E6E7E8;
    --neutral-white: #FFFFFF;
    --neutral-ivory: #FBEE43;
    /* ------------------ Unofficial Blaze Flame Colors ------------------ */
    --flame-red: #D81E3F;
    --highlight-flame-red: #b91936;
    --highlight-flame-red-10: #d81e3f2b;
    /* ------------------ Typography (Adobe Fonts) ------------------ */
    /* Aktiv Grotesk, Kulturista, Kepler Std */ /* Note: These fonts must be loaded via Adobe Fonts integration */ /*other variables*/
    /* --- Map to Bootstrap variables --- */
    --blue: var(--uab-green);
    --green: var(--ever-loyal-evergreen);
    --yellow: var(--uab-gold);
    --red: var(--flame-red);
    --teal: #68C6B8;
    --cyan: var(--bham-sky-blue);
    --gray: var(--smoke-gray);
    --gray-dark: #343a40;
    --primary: var(--uab-green);
    --secondary: var(--smoke-gray);
    --success: var(--ever-loyal-evergreen);
    --info: var(--bham-sky-blue);
    --warning: var(--uab-gold);
    --danger: var(--flame-red);
    --light: #f8f9fa;
    --dark: var(--dragons-lair-green);
    --font-family-sans-serif: "Aktiv Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* -------------------------------------------
   Bootstrap 4.3 still hardcodes many colors.
   These class overrides ensure full coverage.
   ------------------------------------------- */


a:hover {
    color: color-mix(in srgb, var(--primary) 85%, black);
}

/* Backgrounds / borders */
.bg-primary {
    background-color: var(--primary) !important;
}

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

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

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

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

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

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

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

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

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

/* Buttons (solid) */
.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

    .btn-primary:hover {
        background-color: color-mix(in srgb, var(--primary) 85%, black);
        border-color: color-mix(in srgb, var(--primary) 80%, black);
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 .2rem rgba(26,86,50,.25);
    }

.btn-warning {
    color: #212529;
    background-color: var(--warning);
    border-color: var(--warning);
}

    .btn-warning:hover {
        background-color: color-mix(in srgb, var(--warning) 85%, black);
        border-color: color-mix(in srgb, var(--warning) 80%, black);
    }

.btn-info {
    color: #fff;
    background-color: var(--info);
    border-color: var(--info);
}

.btn-success {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success);
}

.btn-danger {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger);
}

/* Buttons (outline) */
.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: var(--primary);
        border-color: var(--primary);
    }

/* Badges */
.badge-primary {
    background-color: var(--primary);
}

.badge-warning {
    background-color: var(--warning);
    color: #212529;
}

.badge-info {
    background-color: var(--info);
}

.badge-success {
    background-color: var(--success);
}

.badge-danger {
    background-color: var(--danger);
}

/* Alerts */
.alert-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.alert-warning {
    background-color: var(--warning);
    border-color: var(--warning);
    color: #212529;
}


.alert-info {
    background-color: var(--info);
    border-color: var(--info);
    color: #fff;
}

.alert-success {
    background-color: var(--highlight-evergreen-20);
    color: #fff;
}

.alert-danger {
    background-color: var(--danger);
    border-color: var(--danger);
    color: #fff;
}

/* Navs / pagination (quick hits) */
.page-link {
    color: var(--primary);
}

.page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--primary);
}

.nav-pills > .top-nav-item {
    background-color: var(--uab-green);
    color: white;
    border-radius: unset;
}

.top-nav-item > .nav-link {
    color: white;
}

    .top-nav-item > .nav-link:hover {
        color: var(--uab-gold);
    }