/* ============================================================
   Actuaria · Typography tokens
   Brandbook §28–29. Three families, three roles:
     TÍTULOS     Lemon Milk Pro · Display · 400 Regular / 500 Medium
     SUBTÍTULOS  Nunito         · SemiBold/Bold/ExtraBold
     CONTENIDO   Prompt         · Light/Regular/Medium
   Never use Lemon Milk for body copy; never set headlines in Prompt.
   The Pro cut has lowercase — headlines may be sentence case or
   MAYÚSCULAS; the wordmark stays uppercase.
   ============================================================ */
:root {
  /* ── Familias por rol ────────────────────────────────── */
  --font-display: 'Lemon Milk Pro', 'Jost', sans-serif; /* títulos — Regular 400 / Medium 500 */
  --font-heading: 'Nunito', system-ui, sans-serif; /* subtítulos, kickers, etiquetas */
  --font-body:    'Prompt', system-ui, sans-serif; /* párrafos, texto corrido */
  --font-sans:    var(--font-heading);             /* alias: UI chrome */
  --font-mono:    ui-monospace, 'SFMono-Regular', 'Menlo', monospace; /* @kind font */

  /* ── Escala tipográfica (px) ─────────────────────────── */
  --fs-display: 56px; /* portada / hero        line-height 1.0  */
  --fs-h1:      40px; /*                       line-height 1.1  */
  --fs-h2:      32px; /*                       line-height 1.15 */
  --fs-h3:      24px; /*                       line-height 1.25 */
  --fs-h4:      20px; /*                       line-height 1.3  */
  --fs-body-lg: 18px; /* lead / intro          line-height 1.55 */
  --fs-body:    16px; /* párrafo               line-height 1.5  */
  --fs-sm:      14px; /* secundario, captions  line-height 1.45 */
  --fs-xs:      12px; /* etiquetas             line-height 1.4  */
  --fs-2xs:     10px; /* micro · UPPERCASE      line-height 1.3  */

  /* ── Pesos ───────────────────────────────────────────── */
  --fw-display:  400; /* @kind other */
  --fw-display-md: 500; /* @kind other */
  --fw-light:    300; /* @kind other */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */
  --fw-extra:    800; /* @kind other */
  --fw-black:    900; /* @kind other */

  /* ── Line-height ─────────────────────────────────────── */
  --lh-tight:   1.1; /* @kind other */
  --lh-snug:    1.3; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.6; /* @kind other */

  /* ── Tracking ────────────────────────────────────────── */
  --ls-tight:   -0.02em; /* titulares grandes @kind other */
  --ls-normal:  0;       /* @kind other */
  --ls-display: 0.02em;  /* Lemon Milk Pro @kind other */
  --ls-wide:    0.08em;  /* etiquetas @kind other */
  --ls-wider:   0.16em;  /* eyebrows UPPERCASE @kind other */
}