/* ============================================================
   TIPOGRAFÍA — Roboto y solo Roboto, la de la marca.
   300 para titulares, 400 para textos. Nunca negritas.
   La escala es fluida: clamp() en vez de media queries.
   ============================================================ */
:root {
  --display: "Roboto", system-ui, sans-serif; /* @kind font */
  --texto: "Roboto", system-ui, -apple-system, sans-serif; /* @kind font */
  /* En el original hay una variable llamada --serif que también es
     Roboto: la marca no tiene tipografía con remates. Se conserva el
     nombre para no romper el CSS heredado. */
  --serif: "Roboto", system-ui, sans-serif; /* @kind font */

  /* Escala fluida */
  --t-xs: 0.75rem; /* 12px — rótulos, cuentas, etiquetas */
  --t-s: 0.875rem; /* 14px — texto de apoyo, botones */
  --t-base: 1rem; /* 16px — cuerpo y campos de formulario */
  --t-m: clamp(1.05rem, 0.95rem + 0.5vw, 1.25rem); /* @kind other */
  --t-l: clamp(1.4rem, 1.15rem + 1.1vw, 1.9rem); /* @kind other */
  --t-xl: clamp(1.75rem, 1.3rem + 2vw, 2.6rem); /* @kind other */
  --t-xxl: clamp(2rem, 1.4rem + 3vw, 3.4rem); /* @kind other */

  /* Pesos */
  --peso-titular: 300; /* @kind font */
  --peso-texto: 400; /* @kind font */
  --peso-enfasis: 500; /* @kind font */ /* solo para <strong> dentro de texto corrido */

  /* Interlineado */
  --linea-titular: 1.22; /* @kind font */
  --linea-texto: 1.75; /* @kind font */
  --linea-apretada: 1.5; /* @kind font */

  /* Espaciado entre letras */
  --tracking-ancho: 0.32em; /* @kind font */ /* rótulo .espaciado */
  --tracking-marca: 0.28em; /* @kind font */ /* .serif-marca, la banda negra */
  --tracking-boton: 0.12em; /* @kind font */
  --tracking-nav: 0.18em; /* @kind font */
  --tracking-etiqueta: 0.1em; /* @kind font */

  /* Medidas de lectura */
  --medida-texto: 64ch; /* @kind other */
  --medida-intro: 52ch; /* @kind other */
  --medida-titular: 16ch; /* @kind other */
}