/* ============================================================
   Typography — h1–h3, p, caption
   One family (Schibsted Grotesk), hard weight contrast.
   ============================================================ */

h1 {
  font-size: var(--text-h1);
  font-weight: var(--weight-black);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
}

h2 {
  font-size: var(--text-h2);
  font-weight: var(--weight-black);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
  margin-top: var(--space-12);
  margin-bottom: var(--space-4);
}

h3 {
  font-size: var(--text-h3);
  font-weight: var(--weight-bold);
  line-height: var(--leading-snug);
  text-wrap: balance;
  margin-top: var(--space-8);
  margin-bottom: var(--space-2);
}

p {
  margin-bottom: var(--space-4);
  text-wrap: pretty;
}

p:last-child {
  margin-bottom: 0;
}

a {
  color: var(--color-cobalt);
  text-decoration-thickness: var(--border-w);
  text-underline-offset: var(--space-1);
}

a:hover {
  text-decoration-thickness: var(--border-w2);
}

.lead {
  font-size: var(--text-lead);
  line-height: var(--leading-body);
}

.caption {
  font-size: var(--text-small);
  color: var(--color-muted);
}