/* typography.css — nagłówki, tekst pomocniczy */

html {
  font-family: var(--font-sans);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: var(--fw-700);
  line-height: var(--lh-tight);
  letter-spacing: -0.02em;
  color: var(--fg);
}

h1 {
  font-size: var(--fs-28);
}

h2 {
  font-size: var(--fs-24);
}

h3 {
  font-size: var(--fs-20);
}

p {
  margin: 0;
  color: var(--muted);
  line-height: var(--lh-relaxed);
}

.text-lead {
  font-size: var(--fs-16);
  line-height: var(--lh-relaxed);
}

.text-muted {
  color: var(--muted);
}

.text-small {
  font-size: var(--fs-13);
  line-height: var(--lh-normal);
}