/* =========================================================
   GLOBAL THEME OVERRIDE — clean light theme (white + navy + blue)
   Reference palette: bg #FFFFFF / #F5F8FF, navy #0B1F3A,
   blue #2563EB, blue-dark #1D4ED8, tint #EFF6FF, muted #64748B
   ========================================================= */

:root{
  --zx-blue:#2563EB;
  --zx-blue-dark:#1D4ED8;
  --zx-blue-light:#3B82F6;
  --zx-navy:#0B1F3A;
  --zx-tint:#EFF6FF;
  --zx-muted:#64748B;
  --zx-border:#E2E8F0;

  /* legacy variable names used across the site */
  --navy:#0B1F3A;
  --navy-deep:#061228;
  --navy-mid:#2563EB;
  --primary-dark:#0B1F3A;
  --primary-blue:#2563EB;
  --primary-light:#EFF6FF;
  --brand:#2563EB;
  --brand-dark:#1D4ED8;
}

/* ---------- Top offer bar ---------- */
.top-offer-bar{ background:linear-gradient(90deg,#0B1F3A,#2563EB) !important; }

/* ---------- Primary buttons ---------- */
.btn-primary,
.btn-primary2,
.btn-enroll,
.enroll-btn{ background:#2563EB !important; }
.btn-primary:hover,
.btn-primary2:hover,
.btn-enroll:hover{ background:#1D4ED8 !important; }

/* =========================================================
   HOMEPAGE HERO — dark blue/gold  ->  clean light theme
   ========================================================= */
.top-banner.hero-static{ background:#F5F8FF !important; }
.hero-anim-slide{
  background:linear-gradient(180deg,#F5F8FF 0%,#FFFFFF 75%) !important;
}
.hero-anim-bg .b1{ background:#2563EB !important; opacity:.10 !important; }
.hero-anim-bg .b2{ background:#60A5FA !important; opacity:.12 !important; }
.hero-anim-bg .grid-overlay{
  background-image:
    linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.07) 1px,transparent 1px) !important;
}
.hero-title{ color:#0B1F3A !important; text-shadow:none !important; }
.hero-title .hl{ color:#2563EB !important; }
.hero-batch{ color:#2563EB !important; }
.hero-points li{ color:#334155 !important; }
.hero-points i{ color:#2563EB !important; }
.hero-cta{
  background:#2563EB !important; color:#fff !important;
  box-shadow:0 10px 26px rgba(37,99,235,.28) !important;
}
.hero-cta:hover{ background:#1D4ED8 !important; color:#fff !important; }
.hero-cta-ghost{ color:#0B1F3A !important; border-color:#C7D6F5 !important; }
.hero-cta-ghost:hover{ background:#2563EB !important; color:#fff !important; border-color:#2563EB !important; }
.hero-trust{ color:#64748B !important; }
.float-badge{
  background:#fff !important; color:#2563EB !important;
  border:1px solid #E2E8F0 !important;
  box-shadow:0 8px 20px rgba(11,31,58,.10) !important;
}
.hire-card{ background:#2563EB !important; }
.cw-typing{ color:#60A5FA !important; }

/* =========================================================
   HOME — "Placed Students / Our Mission" dark band -> light
   ========================================================= */
.psc-section{
  background:linear-gradient(180deg,#EFF6FF 0%,#FFFFFF 100%) !important;
  color:#0B1F3A !important;
}
.psc-title{ color:#0B1F3A !important; }
.psc-gold{ color:#2563EB !important; }
.psc-subtitle{ color:#2563EB !important; border-color:#2563EB !important; }
.psc-badges{ color:#2563EB !important; }
.psc-stat strong{ color:#2563EB !important; }
.psc-stat span{ color:#475569 !important; }
.psc-mission em{ color:#2563EB !important; }
.psc-mission strong{ color:#0B1F3A !important; }
.psc-card{ box-shadow:0 8px 20px rgba(11,31,58,.12) !important; }
.psc-package{ background:#EFF6FF !important; color:#2563EB !important; }
.psc-btn{ background:#2563EB !important; color:#fff !important; }

/* =========================================================
   HOME — Stats / Placement / Director / Companies  -> light
   ========================================================= */
.stats-section{ background:#EFF6FF !important; color:#0B1F3A !important; }
.stats-section .stat h3{ color:#2563EB !important; }
.stats-section .stat p{ color:#334155 !important; }

.placement-section{ background:#F8FAFF !important; color:#0B1F3A !important; }
.placement-left h2{ color:#0B1F3A !important; }
.placement-left p{ color:#475569 !important; opacity:1 !important; }
.placement-list li{ color:#334155 !important; }
.stat-box{ background:#fff !important; border:1px solid #E2E8F0 !important; }
.stat-box h3{ color:#2563EB !important; }
.stat-box p{ color:#64748B !important; opacity:1 !important; }

.director-section{ background:linear-gradient(135deg,#F5F8FF,#EFF6FF) !important; }
.director-section::before{ background:rgba(37,99,235,.10) !important; }
.director-section .section-label{ color:#2563EB !important; }
.director-section .section-title.white{ color:#0B1F3A !important; }
.director-card{ background:#fff !important; border:1px solid #E2E8F0 !important; }
.director-content{ color:#0B1F3A !important; }
.director-content h3{ color:#0B1F3A !important; }
.director-content p{ color:#475569 !important; }
.director-content ul li{ color:#475569 !important; }
.director-content .role-badge{ background:#2563EB !important; color:#fff !important; }
.director-content .role-badge.alt{ background:#EFF6FF !important; color:#2563EB !important; }

.companies-section{
  background:linear-gradient(180deg,#EFF6FF 0%,#FFFFFF 100%) !important;
}
.companies-section::before{ background:rgba(37,99,235,.10) !important; }
.company-tab{ color:#475569 !important; border-color:#E2E8F0 !important; }
.company-tab.active{ background:#2563EB !important; color:#fff !important; border-color:#2563EB !important; }
.c-stat{ background:#fff !important; border:1px solid #E2E8F0 !important; color:#0B1F3A !important; }
.c-stat:hover{ background:#F8FAFF !important; }

/* Brochure modal + placeholder */
.b-modal-header{ background:linear-gradient(135deg,#0B1F3A,#2563EB) !important; }
.b-card-icon-placeholder{ background:linear-gradient(135deg,#EFF6FF,#DBEAFE) !important; color:#2563EB !important; }

/* Generic hero gradient (other pages) */
.hero-gradient-bg{ background:linear-gradient(135deg,#EFF6FF 0%,#DBEAFE 100%) !important; }

/* =========================================================
   Generic dark accents -> blue (safe global touches)
   ========================================================= */
.role-badge,
.testimonial-dots .active{ background:#2563EB !important; }

/* =========================================================
   Community / Notes / Admin shared blue
   ========================================================= */
:root{
  --cn-primary:#2563EB;
  --cn-primary-bg:#EFF6FF;
  --cn-border:rgba(11,31,58,.10);
}
.cn-btn-primary,
.cn-tab.active,
.cn-nav-item.active,
.cn-ask-btn,
.chatbot-input-row button,
.cta-modal-btn{ background:#2563EB !important; }
.cn-badge-blue{ background:#2563EB !important; }