/**
 * NDC 2002 theme
 * Primary: #070336 (dark blue), text on primary: #ffab00 (gold)
 * Secondary: #F7BD15 (gold)
 */
:root {
    --bs-primary: #070336;
    --bs-primary-rgb: 7, 3, 54;
    --bs-secondary: #F7BD15;
    --bs-secondary-rgb: 247, 189, 21;
    --bs-link-color: #070336;
    --bs-link-hover-color: #050224;
    --ndc-primary-contrast: #ffab00;
}

/* Text/icon color when primary is used as background */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.navbar.bg-primary .navbar-brand,
.navbar.bg-primary .nav-link,
.navbar.bg-primary .btn,
.navbar.bg-primary .navbar-toggler-icon,
.navbar.bg-primary .text-white,
.navbar.bg-primary [class*="text-white"] {
    color: var(--ndc-primary-contrast) !important;
}

.navbar.bg-primary .navbar-toggler {
    border-color: var(--ndc-primary-contrast);
}

.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* Offcanvas menu: selected item uses primary background, gold text/icon */
#adminMenu .list-group-item.active {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary);
}
#adminMenu .list-group-item.active,
#adminMenu .list-group-item.active i {
    color: var(--ndc-primary-contrast) !important;
}

/* Dashboard (and other) card headers: primary background, gold text */
.card-header {
    background-color: var(--bs-primary) !important;
    color: var(--ndc-primary-contrast) !important;
    border-color: var(--bs-primary);
}
.card-header i {
    color: var(--ndc-primary-contrast) !important;
}

/* Modal headers: primary background, gold text/icon/close */
.modal-header {
    background-color: var(--bs-primary) !important;
    color: var(--ndc-primary-contrast) !important;
    border-color: var(--bs-primary);
}
.modal-header .btn-close {
    filter: invert(1) brightness(1.2);
}
.modal-header .modal-title,
.modal-header i {
    color: var(--ndc-primary-contrast) !important;
}
