/* ============================================================
   TERRENO — tokens y base del sistema de diseño Between
   Fuente de verdad: docs/TERRENO.md. No inventar colores nuevos.
   ============================================================ */
:root{
  --nieve:#FAFAF7;
  --tinta:#161915;
  --piedra:#8B908A;
  --piedra-clara:#E4E4DC;
  --blanco-piedra:#F3F2EC;
  --cardon:#3E5C48;
  --cardon-tenue:#EDF1EC;
  --linea:#E8E9E5;
  --radius:18px;
  --sombra-reposo:0 8px 30px rgba(22,25,21,.05);
  --sombra-alta:0 14px 36px rgba(22,25,21,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--nieve);
  color:var(--tinta);
  font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-0.02em}

.eyebrow{
  font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cardon);margin-bottom:14px;
}
.btn{
  font-family:'Inter',sans-serif;font-size:15px;font-weight:600;
  padding:15px 30px;border-radius:999px;cursor:pointer;text-decoration:none;
  display:inline-block;transition:transform .2s, box-shadow .2s;border:0;
}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:2px solid var(--cardon);outline-offset:3px}
.btn-cardon{background:var(--cardon);color:var(--nieve);box-shadow:var(--sombra-alta)}
.btn-outline{background:transparent;color:var(--tinta);border:1px solid var(--piedra-clara)}
.btn-tinta{background:var(--tinta);color:var(--nieve);box-shadow:var(--sombra-alta)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}