/* ==========================================================================
   El Cura — base.css
   Tokens de color, reset ligero, tipografía y utilidades de layout.
   Debe cargarse SIEMPRE en primer lugar.
   ========================================================================== */

:root{
  --cream:#f1e9da;
  --paper:#e9dfc9;
  --paper-dark:#dccdac;
  --ink:#241c14;
  --wine:#6e2a32;
  --wine-dark:#511f26;
  --ochre:#bf8a28;
  --olive:#5b6337;
  --line: rgba(36,28,20,0.35);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:
    radial-gradient(ellipse at top left, rgba(255,255,255,0.08), transparent 60%),
    repeating-linear-gradient(90deg, rgba(0,0,0,0.015) 0px, rgba(0,0,0,0.015) 2px, transparent 2px, transparent 4px),
    var(--cream);
  color:var(--ink);
  font-family:'Lora', serif;
  -webkit-font-smoothing:antialiased;
}
::selection{ background:var(--ochre); color:var(--cream); }

/* ---------- Tipografía ---------- */
h1,h2,h3, .display{
  font-family:'Rye', serif;
  font-weight:400;
  letter-spacing:0.5px;
  line-height:1.05;
  color:var(--ink);
  margin:0;
}
.script{
  font-family:'Caveat', cursive;
  font-weight:700;
}
.mono{
  font-family:'Space Mono', monospace;
  letter-spacing:0.04em;
}
a{ color:inherit; }
img,svg{ display:block; max-width:100%; }

/* ---------- Layout ---------- */
.wrap{
  max-width:1120px;
  margin:0 auto;
  padding:0 28px;
}