:root{
  --font-display:"DM Sans","Helvetica Neue",system-ui,sans-serif;
  --font-body:"DM Sans","Helvetica Neue",system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* DM Sans no tiene eje de ancho: el contraste de voz lo carga el PESO.
     400 cuerpo · 500 etiqueta · 700 título · 800 display · 1000 cifra de portada. */
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-black:800;
  --weight-ultra:1000;

  /* eje óptico: tamaños grandes piden opsz alto, texto pequeño opsz bajo */
  --opsz-display:40; /* @kind other */
  --opsz-text:14; /* @kind other */
  --opsz-micro:9; /* @kind other */

  /* escala móvil (375pt) */
  --text-stat-xl:56px;
  --text-display-xl:52px;
  --text-display:34px;
  --text-stat:30px;
  --text-title:22px;
  --text-body-lg:17px;
  --text-body:15px;
  --text-label:13px;
  --text-kicker:11px;
  --text-micro:10px;

  --leading-poster:.92;
  --leading-tight:1.06;
  --leading-snug:1.3;
  --leading-normal:1.5;

  --tracking-poster:-.03em;   /* display: DM Sans pide más cierre que una grotesca */
  --tracking-stat:-.02em;
  --tracking-normal:0em;
  --tracking-kicker:.16em;
  --tracking-wordmark:.28em;

  --type-display-xl:var(--weight-black) var(--text-display-xl)/var(--leading-poster) var(--font-display);
  --type-display:var(--weight-black) var(--text-display)/var(--leading-tight) var(--font-display);
  --type-stat:var(--weight-black) var(--text-stat)/1 var(--font-display);
  --type-title:var(--weight-bold) var(--text-title)/var(--leading-snug) var(--font-display);
  --type-body:var(--weight-regular) var(--text-body)/var(--leading-normal) var(--font-body);
  --type-label:var(--weight-medium) var(--text-label)/var(--leading-snug) var(--font-body);
  --type-kicker:var(--weight-semibold) var(--text-kicker)/1.2 var(--font-body);
  --type-button:var(--weight-bold) var(--text-label)/1 var(--font-body);
}