/* Helpify — Typography tokens.
   REGLA DURA: DM Sans SOLO para títulos (Heading 1 / display). Inter para todo
   lo demás: H2, H3, subtítulos, cuerpo. Nunca DM Sans en cuerpo. */
:root {
  --hf-font-title: "DM Sans", system-ui, sans-serif;  /* SOLO títulos */
  --hf-font-body:  "Inter", system-ui, sans-serif;    /* cuerpo + secundarios */

  --hf-weight-regular: 400;
  --hf-weight-medium:  500;
  --hf-weight-bold:    700;

  /* Escala (Libro de Marca p.18) */
  --hf-size-display: 96px;
  --hf-size-h1: 64px;
  --hf-size-h2: 48px;
  --hf-size-h3: 36px;
  --hf-size-subtitle: 24px;
  --hf-size-body: 16px;
  --hf-size-small: 14px;
  --hf-size-caption: 12px;

  --hf-leading-tight: 1.05;
  --hf-leading-snug:  1.25;
  --hf-leading-normal: 1.5;

  --hf-tracking-tight: -0.02em;  /* títulos DM Sans grandes */
  --hf-tracking-normal: 0;

  /* Aliases semánticos */
  --text-display:  var(--hf-weight-bold) var(--hf-size-display)/var(--hf-leading-tight) var(--hf-font-title);
  --text-h1:       var(--hf-weight-bold) var(--hf-size-h1)/var(--hf-leading-tight) var(--hf-font-title);
  --text-h2:       var(--hf-weight-bold) var(--hf-size-h2)/var(--hf-leading-snug) var(--hf-font-body);
  --text-h3:       var(--hf-weight-bold) var(--hf-size-h3)/var(--hf-leading-snug) var(--hf-font-body);
  --text-subtitle: var(--hf-weight-regular) var(--hf-size-subtitle)/var(--hf-leading-normal) var(--hf-font-body);
  --text-default:  var(--hf-weight-regular) var(--hf-size-body)/var(--hf-leading-normal) var(--hf-font-body);
}