:root {
    --brand-navy: #10294a;
    --brand-blue: #1e5ac6;
    --brand-blue-light: #2979e2;
    --brand-cyan: #38bdec;
}

/* ---- Admin panel overrides (safe no-ops on portal pages, which use
   their own component classes instead of these Bootstrap ones) ---- */
.btn-primary { background-color: var(--brand-blue) !important; border-color: var(--brand-blue) !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--brand-blue-light) !important; border-color: var(--brand-blue-light) !important; }
.btn-info { background-color: var(--brand-cyan) !important; border-color: var(--brand-cyan) !important; }
.btn-outline-primary { color: var(--brand-blue) !important; border-color: var(--brand-blue) !important; }
.btn-outline-primary:hover { background-color: var(--brand-blue) !important; color: #fff !important; }
.badge-primary { background-color: var(--brand-blue) !important; }
.badge-info { background-color: var(--brand-cyan) !important; }
.thead-dark th { background-color: var(--brand-navy) !important; border-color: var(--brand-navy) !important; }
a { color: var(--brand-blue); }
a:hover { color: var(--brand-blue-light); }
.bg-primary { background-color: var(--brand-blue) !important; }
.card.text-white.bg-primary,
.card.text-white.bg-info { background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue)) !important; }
.page-sidebar .active > a,
.page-sidebar li.active > a { color: var(--brand-cyan) !important; }