/*
 * Admas University colours on top of the AdminLTE skin-blue theme and the
 * modern (Bootstrap 5) pages. Light blue #3AA8E0 and gold #E8B92E, from the logo.
 * Loaded only when UNIVERSITY=admas (see NewGenerationUniversity_Somalia/branding.py).
 */
:root {
  --admas-blue: #3AA8E0;
  --admas-blue-dark: #2387BD;
  --admas-gold: #E8B92E;
  --bs-primary: #3AA8E0;
  --bs-primary-rgb: 58, 168, 224;
  --bs-link-color: #2387BD;
}

/* AdminLTE top bar */
.skin-blue .main-header .navbar { background-color: var(--admas-blue); }
.skin-blue .main-header .logo,
.skin-blue .main-header li.user-header { background-color: var(--admas-blue-dark); }
.skin-blue .main-header .logo:hover { background-color: #1f7aab; }
.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-blue .main-header .navbar .nav > li > a:hover { background-color: rgba(0, 0, 0, 0.1); }
.skin-blue .main-header { border-bottom: 3px solid var(--admas-gold); }

/* AdminLTE sidebar accent */
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a { border-left-color: var(--admas-gold); }

/* Login and password pages */
.login-page, .register-page { background: linear-gradient(160deg, #e8f5fc 0%, #d2d6de 100%); }
.login-box-body, .register-box-body { border-top: 4px solid var(--admas-gold); }

/* Buttons and boxes */
.btn-primary,
.btn-primary:focus { background-color: var(--admas-blue); border-color: var(--admas-blue-dark); }
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active { background-color: var(--admas-blue-dark); border-color: #1f7aab; }
.box.box-primary { border-top-color: var(--admas-blue); }
.bg-light-blue, .label-primary, .bg-primary { background-color: var(--admas-blue) !important; }
.text-light-blue,
.content-wrapper a:not(.btn):not(.small-box-footer),
.login-box-body a,
.main-footer a { color: var(--admas-blue-dark); }

/* Modern (Bootstrap 5) pages */
.bg-primary, .btn-primary { --bs-btn-bg: #3AA8E0; --bs-btn-border-color: #3AA8E0;
  --bs-btn-hover-bg: #2387BD; --bs-btn-hover-border-color: #2387BD; }
#sidebar .nav-link.active { background-color: var(--admas-blue) !important; border-left: 3px solid var(--admas-gold); }

/* Executive dashboard header */
.executive-header { background: linear-gradient(135deg, #2387BD 0%, #3AA8E0 60%, #E8B92E 100%) !important; }