/* Modo oscuro: tokens y overrides */
[data-bs-theme=dark] {
  /* Tokens principales */
  --maincolor: #0068D9; /* conservar la marca */
  --backupcolor: #0496FF;
  --headingcolor: #e2e8f0; /* títulos claros */
  --bodycolor: #cbd5e1;    /* texto base */
  --mutedcolor: #94a3b8;   /* texto atenuado */
  --inversecolor: #93c5fd; /* enlaces en oscuro */
  --navcolor: #0b1220;     /* fondo nav */
  --darkcolor: #0b1220;    /* superficies oscuras */
  --lightcolor: #111827;   /* superficies menos oscuras */
  --graycolor: #0f172a;    /* gris utilitario en oscuro */
  --formbg: #0f172a;
  --form-color: #cbd5e1;
  --formborder: #1f2937;
  --footerbg: #0b1220;
  --footercolor: #64748b;
}

[data-bs-theme=dark] html,
[data-bs-theme=dark] body {
  background: #0b1220;
  color: var(--bodycolor);
}

[data-bs-theme=dark] a {
  color: var(--inversecolor);
}
[data-bs-theme=dark] a:hover,
[data-bs-theme=dark] a:focus {
  color: var(--backupcolor);
}

/* Titulares */
[data-bs-theme=dark] h1,
[data-bs-theme=dark] h2,
[data-bs-theme=dark] h3,
[data-bs-theme=dark] h4,
[data-bs-theme=dark] h5,
[data-bs-theme=dark] h6 {
  color: var(--headingcolor);
}

/* Utilidades de fondo comunes en el template */
[data-bs-theme=dark] .gray { background: #0f172a; }
[data-bs-theme=dark] .gray-simple { background: #111827; }
[data-bs-theme=dark] .mid-bg { background: #0b1220; }
[data-bs-theme=dark] .bg-1 { background: #1f2937; }
[data-bs-theme=dark] .bg-2 { background: #0f172a; }
[data-bs-theme=dark] .bg-white { background: #0f172a !important; color: var(--bodycolor) !important; }

/* Header claro sobre modo oscuro */
[data-bs-theme=dark] .header.header-light {
  background: var(--navcolor);
  border-color: #1f2937;
}
[data-bs-theme=dark] .navigation .nav-menu > li > a {
  color: var(--bodycolor);
}
[data-bs-theme=dark] .navigation .nav-menu > li.active > a,
[data-bs-theme=dark] .navigation .nav-menu > li > a:hover {
  color: var(--inversecolor);
}

/* Texto atenuado */
[data-bs-theme=dark] .text-muted,
[data-bs-theme=dark] .text-muted-2 {
  color: var(--mutedcolor) !important;
}

/* Formularios */
[data-bs-theme=dark] input,
[data-bs-theme=dark] select,
[data-bs-theme=dark] textarea {
  background-color: var(--formbg);
  color: var(--form-color);
  border-color: var(--formborder);
}

/* Tarjetas y contenedores comunes */
[data-bs-theme=dark] .box-shadow,
[data-bs-theme=dark] .box-shadow-sm,
[data-bs-theme=dark] .card,
[data-bs-theme=dark] .modal-content {
  background-color: #0f172a;
  color: var(--bodycolor);
}

/* Footer */
[data-bs-theme=dark] footer,
[data-bs-theme=dark] .footer {
  background: var(--footerbg);
  color: var(--footercolor);
}

/* Botones: mantener paleta principal, ajustar estados hover por contraste */
[data-bs-theme=dark] .btn {
  color: #fff;
}
[data-bs-theme=dark] .btn:hover {
  filter: brightness(1.1);
}