/**
 * LEAP / LSPM-aligned brand theme (#4081d1)
 * Loaded after the React bundle to replace legacy purple & lime accents.
 */
:root {
  --leap-brand: #4081d1;
  --leap-brand-d: #2f6bb8;
  --leap-brand-m: #5b96dc;
  --leap-brand-l: #e8f1fb;
  --leap-brand-rgb: 64, 129, 209;
  --leap-brand-focus: rgba(64, 129, 209, 0.18);
  --leap-navy: #0e2a60;
  --leap-navy-d: #0a2248;
  /* Legacy token names used across corporate CSS */
  --purple: var(--leap-brand);
  --purple-d: var(--leap-brand-d);
  --purple-l: var(--leap-brand-l);
  --blue: var(--leap-brand);
  --blue-d: var(--leap-brand-d);
  --lime: var(--leap-brand-m);
}

/* ── React bundle (index-LkoIZdEU.css) accent overrides ── */
.purpleGlow {
  background: var(--leap-brand) !important;
}
.logoIcon {
  background: linear-gradient(135deg, var(--leap-brand), var(--leap-brand-m)) !important;
}
.dropdown,
.megaMenu,
.megaCol a:hover,
.megaBrowseBtn {
  border-color: rgba(var(--leap-brand-rgb), 0.35) !important;
}
.megaBrowseBtn {
  background: rgba(var(--leap-brand-rgb), 0.12) !important;
  color: var(--leap-brand-l) !important;
}
.megaBrowseBtn:hover {
  background: rgba(var(--leap-brand-rgb), 0.22) !important;
}
/* Main nav text links (incl. About us) — not button-style; Apply is .navApply */
nav .navEnd .navLinks .navBtnLink,
nav .navEnd .navLinks .navBtnLink:last-child,
nav .navEnd .navLinks .navBtnLink:last-child:hover {
  background: transparent !important;
  box-shadow: none !important;
  margin-left: 0 !important;
  transform: none !important;
}
nav .navEnd .navLinks .navBtnLink:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}
.highlight,
.searchHeroEyebrow::before,
.journeyCircle,
.blogTag,
.courseMetaIcon,
.courseSectionBody h3::before {
  color: var(--leap-brand) !important;
  background: var(--leap-brand) !important;
}
.primaryBtn,
.nextLesson,
.tickerCta,
.courseHeroPrimary,
.courseTabApply,
.courseApplyInline,
.packageApplyBtn,
.infoSubmit,
.chatFab,
.chatHeader,
.chatAvatar,
.chatMsg-user,
.materialIcon {
  background: linear-gradient(135deg, var(--leap-brand-m), var(--leap-brand)) !important;
  box-shadow: 0 8px 24px rgba(var(--leap-brand-rgb), 0.35) !important;
}
.primaryBtn:hover,
.tickerCta:hover,
.courseHeroPrimary:hover,
.courseTabApply:hover,
.packageApplyBtn:hover,
.infoSubmit:hover,
.chatFab:hover {
  filter: brightness(1.06);
}
.playBtn {
  background: var(--leap-brand) !important;
  box-shadow: 0 0 0 10px rgba(var(--leap-brand-rgb), 0.2) !important;
}
.footerNewsForm button {
  background: var(--leap-brand) !important;
  color: #fff !important;
  border-color: var(--leap-brand) !important;
}
.footerNewsForm input:focus {
  border-color: var(--leap-brand) !important;
}
.footerSocialLink:hover {
  border-color: var(--leap-brand) !important;
  color: var(--leap-brand-l) !important;
}
.searchChipActive,
.searchItem:hover {
  border-color: var(--leap-brand) !important;
  background: rgba(var(--leap-brand-rgb), 0.12) !important;
}
.courseCallout,
.infoCardIcon {
  border-color: rgba(var(--leap-brand-rgb), 0.35) !important;
  color: var(--leap-brand) !important;
}
.infoField:focus-within {
  border-color: var(--leap-brand) !important;
  box-shadow: 0 0 0 3px var(--leap-brand-focus) !important;
}
.chatInputBar button {
  background: var(--leap-brand) !important;
}