/* TEXTUR — Typography tokens */
:root {
  /* Families (see tokens/fonts.css for the substitute note) */
  --font-display: "Bricolage Grotesque", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body:    "Hanken Grotesk", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Type scale (desktop) — from branding doc §5 */
  --fs-display: 96px; /* portadas, claims a pantalla completa (72–120) */
  --fs-h1:      56px; /* section headlines (48–64) */
  --fs-h2:      36px; /* subtitles (32–40) */
  --fs-body-l:  22px; /* tagline, intros (20–24) */
  --fs-body:    17px; /* running text (16–18) */
  --fs-caption: 13px; /* labels, captions (13–14) */

  /* Weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium:  500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:    700; /* @kind other */

  /* Line heights */
  --lh-tight:   1.08; /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-relaxed: 1.55; /* @kind other */

  /* Letter spacing */
  --ls-display: -0.01em; /* @kind other */
  --ls-caption:  0.04em; /* @kind other */
  --ls-eyebrow:  0.14em; /* @kind other */
}