/* Plantilla DS — tokens de tipografía (tokens/typography.css)
   Display: serif editorial de alto contraste, grande y con mucho aire.
   Cuerpo: sans humanista, contenida y legible.
   El contraste entre las dos familias es el 80% del carácter del sistema:
   si cambias una, cambia la otra para mantener la tensión serif/sans.     */
:root {
  --font-display: "Instrument Serif", "Instrument Serif Fallback", "Times New Roman", serif;
  --font-body: "Source Sans 3", "Source Sans 3 Fallback", "Segoe UI", system-ui, sans-serif;

  /* Escala display (serif, peso 400, interlineado ajustado) */
  --text-display-xl: clamp(56px, 7.5vw, 104px); /* hero */
  --text-display-lg: clamp(44px, 5vw, 72px);    /* títulos de sección */
  --text-display-md: clamp(32px, 3.5vw, 48px);  /* títulos de tarjeta, citas */
  --text-display-sm: 28px;                      /* sub-bloques */
  --leading-display: 1.06;
  --tracking-display: -0.01em;

  /* Cifras grandes en serif (números de prueba) */
  --text-stat: clamp(48px, 5vw, 80px);

  /* Escala de cuerpo (sans) */
  --text-lead: 21px;   /* párrafos de entrada */
  --text-body-size: 17px;
  --text-small: 15px;
  --text-caption: 13px;
  --leading-body: 1.6;

  /* Etiquetas / eyebrows */
  --text-eyebrow: 13px;
  --tracking-eyebrow: 0.12em;

  /* Pesos (sans de cuerpo) */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
}