/* ═══════════════════════════════════════════
 * TIPOGRAFÍA EDITORIAL
 * Jerarquía: Cinzel Decorative (display) · Cormorant Garamond (editorial)
 * Crimson Pro (cuerpo) · monospace (eyebrows · stats)
 * ═══════════════════════════════════════════ */

body {
  font-family: var(--fuente-cuerpo);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--fuente-titulo);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.5px;
  color: var(--crema);
}

h1 {
  font-family: var(--fuente-display);
  font-weight: 900;
  font-size: var(--titulo-hero);
  letter-spacing: 2px;
}

h2 {
  font-family: var(--fuente-display);
  font-size: var(--titulo-sec);
  letter-spacing: 1px;
}

h3 {
  font-size: var(--texto-lg);
  letter-spacing: 1px;
}

em {
  color: var(--oro-vivo);
  font-style: italic;
}

strong {
  font-weight: 600;
  color: var(--crema);
}

p {
  font-family: var(--fuente-cuerpo);
  line-height: 1.75;
  color: var(--crema);
}

blockquote {
  font-family: var(--fuente-editorial);
  font-style: italic;
  color: var(--oro-foil);
  line-height: 1.8;
}

small {
  font-size: 0.85em;
  color: var(--crema-suave);
}

.eyebrow {
  font-family: var(--fuente-titulo);
  font-size: var(--texto-xs);
  text-transform: uppercase;
  letter-spacing: 0.28em;
  color: var(--oro-foil);
}

.stat {
  font-family: var(--fuente-mono);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: var(--texto-sm);
}

::selection {
  background: var(--oro-foil);
  color: var(--noche);
}