/* ==========================================================================
   UNIFIED COLOR SYSTEM — MKCE Website
   Single-source blue palette — deep navy (#000066)
   Load AFTER all page-specific CSS to enforce consistent color.
   ========================================================================== */

:root {
  /* ── Master palette ── */
  --mkce-900: #000033;
  --mkce-800: #000044;
  --mkce-700: #000066;     /* PRIMARY — the unified blue */
  --mkce-600: #000d80;
  --mkce-500: #001a99;
  --mkce-400: #334db3;
  --mkce-300: #667acc;
  --mkce-200: #99aadd;
  --mkce-100: #dde2f0;
  --mkce-50:  #eef0f7;
  --mkce-grad: linear-gradient(135deg, #000060, #000070);

  /* ── Override: academic.css ─────────────────────── */
  --ac-blue:      #000066;
  --ac-blue-l:    #334db3;
  --ac-blue-ll:   #dde2f0;
  --ac-dark:      #000033;
  --ac-grad:      linear-gradient(135deg, #000060, #000070);
  --ac-shadow:    0 2px 16px rgba(0,0,102,.07);
  --ac-shadow-lg: 0 8px 32px rgba(0,0,102,.12);

  /* ── Override: cm.css ───────────────────────────── */
  --blue-900: #000033;
  --blue-800: #000044;
  --blue-700: #000066;
  --blue-600: #000d80;
  --blue-500: #001a99;
  --blue-400: #334db3;
  --blue-300: #667acc;
  --blue-200: #99aadd;
  --blue-100: #dde2f0;
  --blue-50:  #eef0f7;
  --shadow:   0 4px 24px rgba(0,0,102,.10);

  /* ── Override: cce.css / cfl.css ────────────────── */
  --b900: #000033;
  --b800: #000044;
  --b700: #000066;
  --b600: #000d80;
  --b500: #001a99;
  --b400: #334db3;
  --b300: #667acc;
  --b200: #99aadd;
  --b100: #dde2f0;
  --b50:  #eef0f7;

  /* ── Override: ar.css ───────────────────────────── */
  --ar-primary:      #000066;
  --ar-primary-light: #000d80;
  --ar-gradient:     linear-gradient(135deg, #000066 0%, #000044 50%, #1a0033 100%);
  --ar-shadow:       0 8px 32px rgba(0,0,102,.12);
  --ar-shadow-hover: 0 16px 48px rgba(0,0,102,.22);

  /* ── Override: life-at-mkce.css ─────────────────── */
  --lm-primary:       #000044;
  --lm-primary-light:  #000066;
  --lm-accent:        #000066;
  --lm-accent-light:  #334db3;
  --lm-accent-pale:   #dde2f0;
  --lm-shadow:        0 2px 16px rgba(0,0,102,.06);
  --lm-shadow-hover:  0 8px 32px rgba(0,0,102,.12);

  /* ── Override: iedc.css ─────────────────────────── */
  --iedc-primary:       #000044;
  --iedc-primary-light: #000066;
  --iedc-primary-mid:   #001a99;
  --iedc-accent:        #000066;
  --iedc-accent-light:  #334db3;
  --iedc-accent-pale:   #eef0f7;
  --iedc-accent-glow:   rgba(0,0,102,.25);
  --iedc-shadow:        0 4px 20px rgba(0,0,102,.06);

  /* ── Override: style.css (index, placement, etc.) ─ */
  --primary: #000066;
  --dark:    #000033;
  --light:   #eef0f7;

  /* ── Override: department pages ──────────────────── */
  --dp-primary: #000044;
  --dp-accent:  #000066;

  /* ── Override: placement page ─────────────────── */
  --pl-blue-dark: #000044;
  --pl-blue-mid:  #000066;
  --pl-accent:    #000066;

  /* ── Override: Bootstrap primary ─────────────────── */
  --bs-primary:     #000066;
  --bs-primary-rgb: 0, 0, 102;
  --bs-link-color:  #000066;
  --bs-link-hover-color: #000d80;
}


/* ==========================================================================
   Hardcoded color overrides for elements not using CSS variables
   ========================================================================== */

/* ------- Hero / Banner overlays — deep navy overlay -------- */
.ac-hero__bg {
  background: linear-gradient(155deg, rgba(0,0,51,.92) 0%, rgba(0,0,102,.82) 55%, rgba(0,13,128,.75) 100%) !important;
}
.hero-bg {
  background: linear-gradient(135deg, rgba(0,0,51,.82) 0%, rgba(0,0,102,.72) 50%, rgba(0,13,128,.65) 100%),
              var(--hero-img, none) center/cover no-repeat !important;
}

/* ------- Focus/Active ring -------- */
*:focus-visible {
  outline-color: #000066 !important;
}

/* ------- Bootstrap .btn-primary -------- */
.btn-primary {
  background-color: #000066 !important;
  border-color: #000066 !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #000d80 !important;
  border-color: #000d80 !important;
}
.btn-outline-primary {
  color: #000066 !important;
  border-color: #000066 !important;
}
.btn-outline-primary:hover {
  background-color: #000066 !important;
  border-color: #000066 !important;
  color: #fff !important;
}

/* ------- Active tab/pill overrides for pages using hardcoded blue -------- */
.ac-tab.active,
.cm-tab.active,
.cce-tab.active,
.ar-tab.active,
.lm-lib-pill.active {
  background: linear-gradient(135deg, #000060, #000070) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ------- IEDC nav cards: active state -------- */
.iedc-nav-card.active {
  background: linear-gradient(135deg, #000060, #000070) !important;
  border-color: #000066 !important;
  box-shadow: 0 8px 24px rgba(0,0,102,.25) !important;
}
.iedc-nav-card.active .iedc-nav-card__label {
  color: #fff !important;
}
.iedc-nav-card.active .iedc-nav-card__icon {
  background: rgba(255,255,255,0.2) !important;
  color: #fff !important;
}
.iedc-nav-card::after {
  background: linear-gradient(90deg, #000066, #000d80) !important;
}
.iedc-nav-card:hover {
  border-color: rgba(0,0,102,0.2) !important;
}

/* ------- Placement page — override hardcoded blues -------- */
.pl-nav-pills .nav-link.active {
  background: #000066 !important;
  color: #fff !important;
  border-color: #000066 !important;
  box-shadow: 0 4px 14px rgba(0,0,102,0.3) !important;
}
.pl-nav-pills .nav-link:hover {
  background: rgba(0,0,102,0.06) !important;
  border-color: #000066 !important;
  color: #000066 !important;
}
.ps-year-pill.active {
  background: #000066 !important;
  color: #fff !important;
  border-color: #000066 !important;
  box-shadow: 0 2px 8px rgba(0,0,102,.22) !important;
}
.ps-year-pill:hover {
  border-color: #000066 !important;
  color: #000066 !important;
}
#yearTabs .nav-link.active {
  background: #000066 !important;
  color: #fff !important;
  border-color: #000066 !important;
}
.pl-gallery-filter-btn.active {
  background: #000066 !important;
  color: #fff !important;
  border-color: #000066 !important;
  box-shadow: 0 3px 12px rgba(0,0,102,0.25) !important;
}
.ps-page-btn.active {
  background: #000066 !important;
  color: #fff !important;
}
.mou-pagination .page-item.active .page-link {
  background: #000066 !important;
  border-color: #000066 !important;
}

/* ------- Badge/tag accent (admissions uses hardcoded #06A3DA) -------- */
.admissions-section .programme-card__icon {
  color: #000066 !important;
}
.admissions-section .programme-badge {
  background: #000066 !important;
}

/* ------- Link color for pages using hardcoded primary -------- */
a.text-primary,
.text-primary {
  color: #000066 !important;
}