/*
  typography.css
  Escala tipográfica y jerarquía editorial: tipografía grande, aire generoso y alternancia
  entre momentos densos y pausas visuales (visual-direction.md, principio 5).
*/

h1,
h2,
h3 {
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0 0 var(--space-s);
  letter-spacing: -0.015em;
}

h1 {
  font-size: var(--font-size-h1);
  font-weight: 500;
  letter-spacing: -0.03em;
}

h2 {
  font-size: var(--font-size-h2);
  font-weight: 500;
  letter-spacing: -0.02em;
}

h3 {
  font-size: var(--font-size-h3);
  font-weight: 600;
}

p {
  margin: 0 0 var(--space-s);
  max-width: var(--measure-max-width);
}

ul,
ol {
  margin: 0;
  padding: 0;
}

/* La etiqueta "eyebrow" (.eyebrow, en base.css) se retomó en wireframes/png/ como
   autoridad principal de diseño (2026-08-06): mayúsculas pequeñas sobre cada título de
   sección ("CONTEXTO", "PROYECTOS"...). */