/* Oculto contenido hasta que el tema esté aplicado */
html {
  visibility: hidden;
}

/* ===========================
   VARIABLES GLOBALES
=========================== */

:root {
  /* Base */
  --color-bg: #ffffff;
  --color-text: #212529;

  /* Primario global por defecto */
  --bs-primary: #1e3a8a;
  --bs-primary-rgb: 30, 58, 138;

  /* Botones base */
  --btn-bg: #1e3a8a;
  --btn-bg-hover: #1a357a;
  --btn-bg-active: #162d66;
  --btn-text: #fff;

  /* Inputs */
  --input-checked-bg: #1e3a8a;
  --input-checked-border: #1e3a8a;

  /* Dropdown */
  --dropdown-bg: #ffffff;
  --dropdown-border: #1e3a8a;
}

/* ===========================
   MODO CLARO
=========================== */

[data-bs-theme="light"] {
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;

  --bs-primary: #1e3a8a;
  --bs-primary-rgb: 30, 58, 138;
  --bs-gradient: #121f4c;
  --bs-disabled-bg: #3b5ba3;

  --btn-bg: #1e3a8a;
  --btn-bg-hover: #1a357a;
}

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

[data-bs-theme="dark"] {
  color-scheme: dark;

  --bs-body-bg: #25292c;
  --bs-body-color: #dee2e6;

  --bs-primary: #3b6ea5;
  --bs-primary-rgb: 59, 110, 165;
  --bs-gradient: #1f3c5d;
  --bs-disabled-bg: #5a8ccf;
  --bs-tertiary-bg: #27242421;

  --btn-bg: #3b6ea5;
  --btn-bg-hover: #2e5a8c;
}

.invalid-feedback {
  display: block;
  min-height: 1.25em;
  line-height: 1.25em;
  visibility: hidden;
  margin-top: 0.25rem;
}

input.is-invalid + .invalid-feedback,
select.is-invalid + .invalid-feedback,
textarea.is-invalid + .invalid-feedback {
  visibility: visible;
}