/* ============================================
   NUKA · TYPOGRAPHY v2
   ============================================ */

/* Display — Nombre artístico, titulares hero */
.nuka-display {
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: -0.03em;
  color: var(--color-primary);
  text-transform: uppercase;
}

/* Heading 1 — Títulos de página */
.nuka-h1 {
  font-family: var(--font-display);
  font-size: var(--text-h1);
  font-weight: 400;
  line-height: 1.0;
  letter-spacing: -0.02em;
  color: var(--color-primary);
  text-transform: uppercase;
}

/* Heading 2 — Títulos de sección */
.nuka-h2 {
  font-family: var(--font-display);
  font-size: var(--text-h2);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--color-primary);
  text-transform: uppercase;
}

/* Heading 3 — Subtítulos, nombres de obra */
.nuka-h3 {
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-weight: 400;
  line-height: 1.14;
  color: var(--color-primary);
}

/* Heading 4 */
.nuka-h4 {
  font-family: var(--font-body);
  font-size: var(--text-h4);
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-primary);
}

/* Body — Textos largos, bio */
.nuka-body {
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: -0.01em;
  color: var(--color-text-primary);
}

.nuka-body--large {
  font-size: var(--text-body-large);
  line-height: 1.6;
}

.nuka-body--secondary {
  color: var(--color-text-secondary);
}

/* Label — Categorías, metadata, nav */
.nuka-label {
  font-family: var(--font-mono);
  font-size: var(--text-label);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-text-secondary);
}

.nuka-label--accent {
  color: var(--color-accent);
}

/* Meta — Año, técnica, dimensiones */
.nuka-meta {
  font-family: var(--font-body);
  font-size: var(--text-meta);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--color-text-secondary);
}

/* Small text */
.nuka-small {
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.01em;
  color: var(--color-text-secondary);
}

/* Mono numerics */
.nuka-mono {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* Linea acento decorativa */
.nuka-accent-line {
  display: block;
  width: 40px;
  height: 2px;
  background-color: var(--color-accent);
}

.nuka-accent-line--animated {
  width: 0;
  transition: width var(--transition-slow);
}

.nuka-reveal.visible .nuka-accent-line--animated {
  width: 40px;
}

/* Text balance for headings */
.nuka-h1,
.nuka-h2,
.nuka-h3,
.nuka-display {
  text-wrap: balance;
}

.nuka-body {
  text-wrap: pretty;
}