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

:root{
  --bg:#fbf7f2; --ink:#241c16; --muted:#6b5b4e;
  --brand:#8a4f26; --brand-ink:#fff; --line:#e6dcd1; --card:#fff;
}
@media (prefers-color-scheme:dark){
  :root{ --bg:#17120f; --ink:#f2ebe4; --muted:#b3a294;
         --brand:#d08a4f; --brand-ink:#1b1310; --line:#332822; --card:#1f1815; }
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
     font:17px/1.65 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
     -webkit-font-smoothing:antialiased}
a{color:var(--brand)}

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