/* ─── TOKENS · heredados del brandbook, mismo sistema visual ─── */
:root {
  --verde: #047206;
  --verde-mid: #1a5c1b;
  --verde-pale: #f0f7f0;
  --verde-light: #e4f0e4;
  --blanco: #FFFFFF;
  --crema: #F8F5EF;
  --crema2: #F0EBE0;
  --borde: #E2DDD5;
  --topo: #8C8880;
  --carbon: #1A1A18;
  --oro: #B89A5A;

  /* Web-specific */
  --shadow-soft: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.06);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: 80px;
}
body {
  font-family: 'Satoshi', sans-serif;
  background: var(--blanco);
  color: var(--carbon);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: 0; background: transparent; color: inherit; }

::selection { background: var(--verde); color: white; }