/* ======================== */
/*        MODO OSCURO       */
/* ======================== */

/* Fondo y textos generales */
body.dark-mode {
  background: #021923;
  color: #FFFFFF;
}

/* ========== Drawer Menu ========== */
body.dark-mode .drawer-menu {
  background: #042433;
}

body.dark-mode .drawer-menu .close-btn {
  color: #FFFFFF;
}

body.dark-mode .drawer-menu li {
  color: #FFFFFF;
}

body.dark-mode .drawer-menu li:hover {
  background: #021923;
}

/* ========== Topbar y Bottom-nav ========== */
body.dark-mode .topbar,
body.dark-mode .bottom-nav {
  background: #042738;
}

body.dark-mode .bottom-nav button {
  color: #FFFFFF;
}

body.dark-mode .bottom-nav button:hover {
  color: #97c0ff;
}

body.dark-mode .bottom-nav button.active {
  color: #0971CE;
}

/* Toast en modo oscuro */
body.dark-mode .custom-toast {
  background: #042433;
  color: #FFFFFF;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6);
  border: 1px solid rgba(255,255,255,0.04);
}

/* Contenido del toast */
body.dark-mode .custom-toast .custom-toast-content {
  color: #FFFFFF;
}

body.dark-mode .custom-toast .custom-toast-content i {
  font-size: 24px;
  background: transparent;
  color: inherit;
}

/* Mantener colores de tipo (error/warning/success) sobre fondo oscuro */
body.dark-mode .toast-error i {
  color: #FF4C4C !important;
}

body.dark-mode .toast-warning i {
  color: #FFA500 !important;
}

body.dark-mode .toast-success i {
  color: #28A745 !important;
}