/* dark-mode.css */

/* Colores del modo oscuro */
:root {
  --dark: #222;
  --light: #fff;
}

body.dark-mode {
  background-color: var(--dark);
  color: var(--light);
}

/* Sobrescribir colores de Bootstrap */
body.dark-mode .bg-light {
  background-color: #333 !important;
}

body.dark-mode .text-dark {
  color: var(--light) !important;
}

body.dark-mode .card,
body.dark-mode .navbar-light {
  background-color: #444 !important;
  color: var(--light) !important;
}

body.dark-mode .btn-light {
  background-color: #555 !important;
  color: var(--light) !important;
  border-color: #555 !important;
}