/* LMS theme (shared with footer.css) */
:root {
  --lms-bg-dark: #0b1020;
  --lms-bg-mid: #1e1b4b;
  --lms-bg-deep: #312e81;
  --lms-primary: #7c3aed;
  --lms-secondary: #6366f1;
  --lms-accent: #a78bfa;
  --lms-accent-light: #c4b5fd;
  --lms-text: #f8fafc;
  --lms-text-muted: #cbd5e1;
}

body.lms-app {
  font-family: "Poppins", "Segoe UI", Roboto, Arial, sans-serif;
  background: #f4f6f9;
}

.navbar.bg-primary {
  background: linear-gradient(135deg, var(--lms-primary), var(--lms-secondary)) !important;
  box-shadow: 0 4px 20px rgba(124, 58, 237, 0.35);
}

.navbar.bg-primary .nav-link:hover,
.navbar.bg-primary .nav-link.active {
  color: var(--lms-accent-light) !important;
}

/* Dashboard sidebar (desktop) */
.lms-sidebar {
  background: #fff;
  border-radius: 12px;
  padding: 1.25rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.lms-sidebar .nav-link {
  color: #334155;
  border-radius: 8px;
}

.lms-sidebar .nav-link:hover,
.lms-sidebar .nav-link.active {
  background: linear-gradient(135deg, var(--lms-primary), var(--lms-secondary));
  color: #fff;
}