/* Global Theme for MindLab EduTech */
:root {
  --color-primary: #1D3557; /* Deep Blue (dominant) */
  --color-primary-2: #244B74; /* Secondary Deep Blue for gradients */
  --color-accent: #FFC300;   /* Bright Yellow accent */
  --color-text-on-primary: #ffffff;
  --color-text-on-accent: #1D3557;
  --radius-xl: 20px;
  --shadow-soft: 0 10px 30px rgba(0,0,0,0.12);
}

/* Core Backgrounds */
.bg-primary-gradient {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-2) 100%) !important;
}

.text-accent { color: var(--color-accent) !important; }
.border-accent { border-color: var(--color-accent) !important; }

/* Buttons */
.btn-accent {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
}
.btn-accent:hover { filter: brightness(1.05); }

.btn-primary-modern {
  background: var(--color-primary);
  color: var(--color-text-on-primary);
}
.btn-primary-modern:hover {
  box-shadow: 0 8px 25px rgba(29, 53, 87, 0.35);
}

/* Cards */
.card.glassy, .welcome-card.glassy {
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.95);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-soft);
}

/* Navbars & Footer override */
.main-header,
.mobile-student-header,
.main-footer {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-2) 100%) !important;
  border: none;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff !important;
  font-weight: 500;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--color-accent) !important;
}

/* Headings accent underline */
.heading-accent {
  position: relative;
}
.heading-accent::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  width: 80px;
  height: 3px;
  background: var(--color-accent);
  border-radius: 999px;
}

/* Lightweight Animations */
@keyframes softPulse {
  0% { box-shadow: 0 0 0 0 rgba(255,195,0,0.5); }
  70% { box-shadow: 0 0 0 12px rgba(255,195,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,195,0,0); }
}
.pulse-accent { animation: softPulse 2.8s ease-out infinite; }

@keyframes fadeSlideUp {
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0); }
}
.fade-slide { animation: fadeSlideUp 500ms ease both; }

/* Utility for subtle glow on accent */
.glow-accent {
  box-shadow: 0 0 12px rgba(255,195,0,0.45);
}

/* Progress bars */
.progress-bar-modern { background: var(--color-primary); }

/* Badges accent */
.badge-accent {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}