/* darkmode.css: Tema oscuro alternativo para PromptingAcademy */

body[data-theme="dark"] {
  background: #181824;
  color: #e0e0e0;
}

body[data-theme="dark"] .navbar {
  background: linear-gradient(90deg, #23234b 0%, #1a1a2e 100%);
  color: #fff;
}

body[data-theme="dark"] .navbar__brand {
  color: #00fff1;
}

body[data-theme="dark"] .navbar__links a {
  color: #e0e0e0;
}

body[data-theme="dark"] .navbar__links a:hover,
body[data-theme="dark"] .navbar__dropdown-menu li a:hover {
  color: #00fff1;
  background: #23234b;
}

body[data-theme="dark"] .navbar__dropdown-menu {
  background: #23234b;
}

body[data-theme="dark"] .navbar__theme-toggle:hover {
  background: #1a1a2e;
}

/* Otros estilos oscuros para componentes */
body[data-theme="dark"] .level-card,
body[data-theme="dark"] .session-card {
  background: #23234b;
  color: #e0e0e0;
}

body[data-theme="dark"] .footer {
  background: #181824;
  color: #b0b0b0;
}

/* Aquí irán los estilos para el modo oscuro */