:root {
  --font-display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: "Public Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Escala. Los tres primeros pasos son Archivo; el resto Public Sans. */
  --text-display-xl: 76px;
  --text-display-lg: 56px;
  --text-display-md: 42px;
  --text-heading-lg: 30px;
  --text-heading-md: 24px;
  --text-heading-sm: 19px;
  --text-body-lg: 17px;
  --text-body-md: 15px;
  --text-body-sm: 13px;
  --text-label: 12px;

  --leading-tight: 1.04;
  --leading-snug: 1.18;
  --leading-normal: 1.45;
  --leading-relaxed: 1.62;

  /* El display siempre va con tracking negativo; el mono siempre positivo. */
  --tracking-display: -0.035em;
  --tracking-heading: -0.022em;
  --tracking-body: 0em;
  --tracking-mono: 0.04em;
  --tracking-label: 0.14em;
}