:root{
  /* Exactly the three stacks the Manual de Marca is set in. */
  --font-display:"Fredoka","Trebuchet MS",system-ui,sans-serif;
  --font-text:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  /* The supplied Tumbo-Display.ttf has no accents or punctuation, so it is logotype-only. */
  --font-logotype:"Tumbo Display","Fredoka","Trebuchet MS",system-ui,sans-serif;
  /* Títulos and cifras ride the display face, as the manual sets them. */
  --font-heading:var(--font-display);
  --font-figure:var(--font-display);

  /* display scale — wordmark-adjacent, always tight and lowercase (48–96 / 1.02) */
  --display-2xl:96px;--display-xl:72px;--display-lg:56px;--display-md:48px;--display-sm:36px;
  --lh-display:1.02; /* @kind other */
  --ls-display:-0.02em; /* @kind other */
  /* headings and figures are set in Secondary — looser tracking keeps them legible */
  --ls-heading:-0.01em; /* @kind other */
  --ls-figure:0em; /* @kind other */
  --weight-heading:600; /* @kind other */
  --weight-figure:600; /* @kind other */
  --weight-subhead:500; /* @kind other */

  /* títulos — Display family, 32–40 / 1.12 and 20–24 / 1.30 */
  --title-1-lg:40px;--title-1:32px;--title-2:24px;--title-2-sm:20px;
  --lh-title-1:1.12; /* @kind other */
  --lh-title-2:1.30; /* @kind other */

  /* cifras — every money figure is set in Display (28–36 / 1.10) */
  --figure-lg:36px;--figure-md:28px;
  --lh-figure:1.10; /* @kind other */

  /* text scale — cuerpo 16–18 / 1.65, apoyo 14 / 1.55 */
  --text-2xl:24px;--text-xl:20px;--text-lg:18px;--text-md:16px;--text-sm:14px;--text-xs:12px;
  --lh-tight:1.2; /* @kind other */ --lh-body:1.65; /* @kind other */ --lh-support:1.55; /* @kind other */ --lh-loose:1.65; /* @kind other */
  --maxw-line:66ch; /* @kind other */

  /* POS scale — touch screens, never below 16px */
  --pos-amount:40px;--pos-row:20px;--pos-label:15px;

  --weight-display:800; /* @kind other */ --weight-strong:700; /* @kind other */ --weight-medium:500; /* @kind other */ --weight-regular:400; /* @kind other */

  /* etiqueta / eyebrow — the only uppercase in the system (11 / 1.40 · +0.12em) */
  --ls-eyebrow:0.12em; /* @kind other */
  --text-eyebrow:11px;
  --lh-eyebrow:1.4; /* @kind other */
}