/* Mi Lucha es Rosa — Typography tokens */
:root {
  /* Display serif — elegant, high-contrast italic like the logotype */
  --font-display: 'Playfair Display', Georgia, serif;
  /* Body sans — clean, humanist, hopeful */
  --font-body: 'Lato', 'Helvetica Neue', Arial, sans-serif;

  --text-display-xl: italic 600 clamp(48px, 6vw, 88px)/1.05 var(--font-display);
  --text-display:    italic 600 clamp(36px, 4.5vw, 56px)/1.1 var(--font-display);
  --text-h1: 600 40px/1.15 var(--font-display);
  --text-h2: 600 30px/1.2 var(--font-display);
  --text-h3: 700 20px/1.3 var(--font-body);
  --text-body-lg: 400 19px/1.6 var(--font-body);
  --text-body-md: 400 16px/1.6 var(--font-body);
  --text-body-sm: 400 14px/1.5 var(--font-body);
  --text-caption: 400 13px/1.4 var(--font-body);
  --text-overline: 700 13px/1.2 var(--font-body);
  --tracking-overline: 0.14em;
}