/* tokens.css — única fuente de verdad del sistema visual */
:root{
  /* Color — neutros teñidos hacia el oro. Ningún negro ni gris puro. */
  --ink:#16130f;
  --ink-2:#2a2520;
  --body:#554e46;
  --muted:#6f675c;
  --line:#e7e2d8;
  --line-soft:#f1eee7;
  --cell:#fbfaf7;
  --warm:#f7f5f0;
  --canvas:#ffffff;
  --accent:#a8895a;        /* solo líneas, marcas y decoración */
  /* Único oro válido para TEXTO. Medido contra los cuatro fondos claros donde
     realmente aparece, no solo contra blanco: 5.36 sobre #fff, 5.13 sobre
     --cell, 4.92 sobre --warm y 4.68 sobre --accent-wash. Todos ≥ 4.5 (AA). */
  --accent-deep:#82663e;
  --accent-wash:#f5efe4;
  --on-dark:#f5f2ec;
  --on-dark-mut:#a89f93;

  /* Tipografía */
  --font-serif:'Newsreader',Georgia,'Times New Roman',serif;
  --font-sans:'Montserrat',-apple-system,'Segoe UI',Arial,sans-serif;

  /* Espaciado — escala estricta base 8 */
  --s-xs:8px;  --s-sm:12px; --s-md:16px; --s-lg:24px; --s-xl:32px;
  --s-2xl:48px; --s-3xl:64px; --s-4xl:96px; --s-5xl:192px;

  /* Contenedor */
  --maxw:1200px;
  --maxw-prose:700px;
  --maxw-form:520px;
  --gutter:clamp(20px,4vw,48px);

  /* Radios */
  --r-sm:4px; --r:6px; --r-lg:10px;

  /* Sombras — casi invisibles, nunca separan bloques */
  --shadow-sm:0 1px 2px rgba(22,19,15,.04);
  --shadow:0 3px 24px -2px rgba(22,19,15,.05), 0 2px 8px -2px rgba(22,19,15,.04);

  /* Movimiento */
  --ease:cubic-bezier(.2,0,0,1);
  --dur:.16s;

  /* Cabecera */
  --header-h:64px;
}