/* ============================================================
   DUALTIC — RESKIN ligero de páginas públicas (no-admin, no-home)
   Mantiene el layout existente (Bootstrap + styles2.css) y solo aplica
   la marca: tipografía + fondo + recolor. Se carga DESPUÉS de styles2.css.
   Los tokens vienen de brand.css (cargado antes).
   Mejoras de fondo (rediseño real por página) quedan para el futuro.
   ============================================================ */

/* 1) Recolor: redefinir las variables de marca que usa styles2.css.
      styles2 usa --amarillo / --amarillo-secundario (lima vieja) y
      --texto-primario para casi todos los acentos y botones. */
:root{
  --amarillo:#ed6f5c;                 /* lima -> coral */
  --amarillo-secundario:#f9d9d2;      /* lima claro -> coral suave */
  --texto-primario:#141414;           /* texto principal -> ink */
  --texto-secundario:#6a5651;         /* gris -> warm muted (AA) */
}

/* 2) Fondo de página crema */
body{background:var(--bg) !important;color:var(--ink);}

/* 2b) Quitar la "franja" gris de login/registro: la sección usa el crema
       del body para que no se vea un escalón de color hacia el footer. */
.login-section, .register-section, .recuperar-section{background:var(--bg) !important;}

/* 3) Tipografía de marca (override del "Noto Sans" hardcodeado).
      Los iconos (<i class="bi ...">) NO se tocan: su glyph vive en
      ::before con font-family bootstrap-icons !important. */
body, body p, body a, body span, body div, body li, body ul, body ol,
body td, body th, body label, body button, body input, body select,
body textarea, body small, body strong, body em, body b,
body blockquote, body figcaption {
  font-family:var(--font-base) !important;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family:var(--font-display) !important;
}