/* ============================================================
   OAU Postgraduate College - Gold & Blue Theme
   Overrides Bootstrap 5 CSS variables + legacy Site.css rules.
   Load this file LAST so it takes precedence.
   ============================================================ */

:root {
    --brand-blue: #14315c;
    --brand-blue-dark: #0a1c33;
    --brand-blue-light: #2a5ca0;
    --brand-gold: #c9a227;
    --brand-gold-dark: #9c7d1b;
    --brand-gold-light: #e0c15c;

    /* Bootstrap primary -> gold, secondary -> navy blue */
    --bs-primary: var(--brand-gold);
    --bs-primary-rgb: 201, 162, 39;
    --bs-secondary: var(--brand-blue);
    --bs-secondary-rgb: 20, 49, 92;

    --bs-primary-text-emphasis: var(--brand-gold-dark);
    --bs-primary-bg-subtle: #f7edcd;
    --bs-primary-border-subtle: #ecd699;
    --bs-secondary-text-emphasis: var(--brand-blue);
    --bs-secondary-bg-subtle: #dbe3ef;
    --bs-secondary-border-subtle: #b7c4dc;

    --bs-link-color: var(--brand-blue);
    --bs-link-color-rgb: 20, 49, 92;
    --bs-link-hover-color: var(--brand-gold-dark);
    --bs-link-hover-color-rgb: 156, 125, 27;
}

/* Buttons */
.btn-primary {
    --bs-btn-color: #1a1a1a;
    --bs-btn-bg: var(--brand-gold);
    --bs-btn-border-color: var(--brand-gold);
    --bs-btn-hover-color: #1a1a1a;
    --bs-btn-hover-bg: var(--brand-gold-light);
    --bs-btn-hover-border-color: var(--brand-gold-dark);
    --bs-btn-active-color: #1a1a1a;
    --bs-btn-active-bg: var(--brand-gold-dark);
    --bs-btn-active-border-color: var(--brand-gold-dark);
    --bs-btn-disabled-color: #1a1a1a;
    --bs-btn-disabled-bg: var(--brand-gold);
    --bs-btn-disabled-border-color: var(--brand-gold);
    --bs-btn-focus-shadow-rgb: 201, 162, 39;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-blue);
    --bs-btn-border-color: var(--brand-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-blue-light);
    --bs-btn-hover-border-color: var(--brand-blue-light);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-blue-dark);
    --bs-btn-active-border-color: var(--brand-blue-dark);
    --bs-btn-focus-shadow-rgb: 20, 49, 92;
}

.btn-outline-primary {
    --bs-btn-color: var(--brand-gold-dark);
    --bs-btn-border-color: var(--brand-gold);
    --bs-btn-hover-color: #1a1a1a;
    --bs-btn-hover-bg: var(--brand-gold);
    --bs-btn-hover-border-color: var(--brand-gold);
    --bs-btn-active-color: #1a1a1a;
    --bs-btn-active-bg: var(--brand-gold);
    --bs-btn-active-border-color: var(--brand-gold);
}

.btn-outline-secondary {
    --bs-btn-color: var(--brand-blue);
    --bs-btn-border-color: var(--brand-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-blue);
    --bs-btn-hover-border-color: var(--brand-blue);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-blue);
    --bs-btn-active-border-color: var(--brand-blue);
}

/* Backgrounds / text / borders */
.bg-primary {
    background-color: var(--brand-gold) !important;
    color: #1a1a1a !important;
}

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

.text-primary {
    color: var(--brand-gold-dark) !important;
}

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

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

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

.badge.bg-primary {
    color: #1a1a1a !important;
}

/* Headings & links (legacy Site.css) */
h1, h2, h3, h4, h5, h6 {
    color: var(--brand-blue);
}

a:link {
    color: var(--brand-blue);
}

a:visited {
    color: var(--brand-blue-light);
}

a:hover {
    color: var(--brand-gold-dark);
}

a:active {
    color: var(--brand-gold);
}

/* Legacy tab menu (Site.css #menu) */
ul#menu {
    border-bottom: 1px solid var(--brand-blue);
}

ul#menu li a {
    background-color: #eef2f8;
    color: var(--brand-blue);
}

    ul#menu li a:hover {
        background-color: #fff;
    }

    ul#menu li a:active {
        background-color: var(--brand-gold);
        color: #1a1a1a;
    }

ul#menu li.selected a {
    background-color: #fff;
    color: var(--brand-blue);
    border-bottom: 3px solid var(--brand-gold);
}

/* Table header accent */
table th {
    background-color: #e9edf5;
    border-bottom: 2px solid var(--brand-gold);
}

/* Top navigation bar */
#topNavBar {
    background: linear-gradient(90deg, var(--brand-blue) 0%, var(--brand-blue-light) 100%) !important;
    border-bottom: 4px solid var(--brand-gold);
}

#logindisplay a:link,
#logindisplay a:visited {
    color: #fff;
}

#logindisplay a:hover {
    color: var(--brand-gold-light);
}

body {
    background-color: #f2f0e6;
}