/* Typography */

body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  color: var(--color-text);
  background: var(--color-bg);
}

h1, h2, h3, h4 {
  line-height: 1.2;
  font-weight: var(--weight-bold);
}

h1 {
  font-size: var(--text-5xl);
  font-weight: var(--weight-extrabold);
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--text-3xl);
  letter-spacing: -0.01em;
}

h3 {
  font-size: var(--text-xl);
  font-weight: var(--weight-semibold);
}

p {
  color: var(--color-text-secondary);
  max-width: 60ch;
}

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

.text-lead {
  font-size: var(--text-lg);
  color: var(--color-text-secondary);
  max-width: 50ch;
}

strong {
  font-weight: var(--weight-semibold);
  color: var(--color-text);
}