/* ================= SMOOTH TRANSITION ================= */
* {
  transition: background-color 0.4s ease,
              color 0.4s ease,
              border-color 0.4s ease,
              box-shadow 0.4s ease;
}

/* ================= DARK MODE BASE ================= */
.dark body {
  background: #0B1E3A;
  color: #E5E7EB;
}

/* ================= TEXT FIX ================= */
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5 {
  color: #F9FAFB;
}

.dark p {
  color: #9CA3AF;
}

.dark strong {
  color: #E5E7EB;
}

/* ================= NAVBAR ================= */
.dark header {
  background: rgba(11,30,58,0.9);
  border-color: rgba(255,255,255,0.1);
}

.dark nav a {
  color: #D1D5DB;
}

.dark nav a:hover {
  color: #22C55E;
}

/* ================= SECTIONS (IMPORTANT FIX) ================= */
.dark section {
  background: transparent;
}

.dark .bg-white {
  background: rgba(255,255,255,0.05) !important;
}

.dark .bg-gray-50,
.dark .bg-gray-100 {
  background: #0B1E3A !important;
}

/* ================= CARDS ================= */
.dark .glass-card,
.dark .educator-card,
.dark .info-card,
.dark .material-card,
.dark .fee-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: #E5E7EB;
}

/* ================= HERO TEXT FIX ================= */
.dark .text-gray-500,
.dark .text-gray-600 {
  color: #9CA3AF !important;
}

/* ================= BUTTON FIX ================= */
.dark .bg-white {
  color: #0B1E3A;
}

.dark .text-primary {
  color: #E5E7EB !important;
}

/* ================= FOOTER ================= */
.dark footer {
  background: #020617;
  color: #9CA3AF;
}

/* ================= GLOW EFFECT ================= */
.glow-hover {
  transition: all 0.3s ease;
}

.glow-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 25px rgba(34,197,94,0.4);
}

/* ================= TEXT GLOW ================= */
.glow-text {
  text-shadow: 0 0 10px rgba(34,197,94,0.7);
}