/* ════════════════════════════════════════════════════════════════════════
   base.css — colores, reinicio y tipografía.
   Es lo único que hay que tocar para cambiar la paleta de todo el sitio.
   ════════════════════════════════════════════════════════════════════════ */

:root{
  --bg:#fdf6f7; --ink:#241a20; --muted:#7a6670;
  --brand:#b8386b; --brand-ink:#fff; --brand-suave:#fbe8ef;
  --acento:#2c6f7a; --acento-suave:#e2f1f2;
  --line:#eddde3; --card:#fff; --sombra:0 1px 2px rgba(36,26,32,.06);
  --radio:14px;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#161016; --ink:#f3eaee; --muted:#a8949e;
    --brand:#f291b4; --brand-ink:#1c1014; --brand-suave:#2c1a22;
    --acento:#6fc9cf; --acento-suave:#132628;
    --line:#2f2028; --card:#1f1620; --sombra:none;
  }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{line-height:1.2; margin:0 0 .4em}
h1{font-size:clamp(1.9rem,5vw,2.6rem); letter-spacing:-.02em}
h2{font-size:1.35rem}
h3{font-size:1.05rem}
p{margin:0 0 1em}
a{color:var(--brand)}
small,.pequeno{font-size:.85rem; color:var(--muted)}

/* el ancho de página, compartido por todas las vistas */
.wrap{max-width:60rem; margin:0 auto; padding:0 1.25rem}

/* accesible pero invisible: etiquetas que solo lee un lector de pantalla */
.solo-lectores{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap;
}

/* foco visible de verdad: se navega mucho con teclado en los formularios */
:focus-visible{outline:2px solid var(--brand); outline-offset:2px; border-radius:4px}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important}
  html{scroll-behavior:auto}
}