/* =============================================================================
   Lo poco que Bootstrap no da para el IdP.
   =============================================================================
   POR QUE UN ARCHIVO Y NO UN <style>
   -----------------------------------------------------------------------------
   La CSP de `auth.inveo.cl` declara `style-src 'self'` SIN `'unsafe-inline'`.
   Es deliberado y no se toca: esta es la pagina donde se escriben las
   contraseñas, y corre ademas con `script-src 'none'`. Un bloque `<style>` o un
   atributo `style=` **no se aplicaria**, y el fallo seria mudo: la pagina se ve,
   sin mas. Por eso lo propio vive aqui, servido desde el mismo origen.
   ========================================================================== */

/* -----------------------------------------------------------------------------
   BOTON DE SUPERFICIE — reemplaza a `btn-light`, que NO sigue el tema.
   -----------------------------------------------------------------------------
   `btn-light` es un color FIJO de Bootstrap: claro siempre. En tema oscuro los
   botones del login se quedaban blancos sobre el fondo oscuro -- el reporte que
   dio origen a esto. Y no es que estuvieran mal escritos: `btn-light` hace
   exactamente lo que dice, sólo que lo que hacía falta era otra cosa.

   Bootstrap 5.3 no trae un boton «superficie» que siga el tema, asi que se
   arma con sus VARIABLES, que si lo siguen: `--bs-body-bg`, `--bs-body-color` y
   `--bs-border-color` cambian solas con `data-bs-theme`. Un color escrito a mano
   acertaria en un tema y desapareceria en el otro.

   EL TEXTO VA A `--bs-body-color` Y NO A `--bs-secondary`, que es lo que daria
   `btn-outline-secondary`. Estos botones son la accion principal de la pantalla
   --elegir como entrar-- y merecen el contraste completo, no el de un texto
   secundario.
   -------------------------------------------------------------------------- */
.btn-superficie {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: var(--bs-body-bg);
  --bs-btn-border-color: var(--bs-border-color);

  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: var(--bs-secondary-bg);
  --bs-btn-hover-border-color: var(--bs-border-color);

  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: var(--bs-tertiary-bg);
  --bs-btn-active-border-color: var(--bs-border-color);

  --bs-btn-disabled-color: var(--bs-secondary-color);
  --bs-btn-disabled-bg: var(--bs-body-bg);
  --bs-btn-disabled-border-color: var(--bs-border-color);
}

/* SE USAN LAS VARIABLES DE `.btn` Y NO PROPIEDADES DIRECTAS. Bootstrap 5.3
   construye cada boton a partir de ese juego de `--bs-btn-*`, asi que fijandolas
   se hereda todo lo demas --relleno, foco, transicion, el estado deshabilitado--
   sin copiarlo. Escribir `background-color` a secas obligaria ademas a repetir
   `:hover`, `:active` y `:focus-visible`, y a pelear con la especificidad de las
   reglas de Bootstrap, que ganan por ir despues. */