h1,
h2,
h3 {
  font-family: var(--font-headline);
  line-height: 1.2;
  letter-spacing: 0.03em;
  margin: 0 0 var(--spacing-md);
}

h1 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  text-shadow: var(--glow-spread) var(--glow-color);
}

h2 {
  font-size: clamp(1.5rem, 3vw, 1.75rem);
}

h3 {
  font-size: clamp(1.15rem, 2.5vw, 1.3rem);
}

p,
li,
button,
a {
  font-size: 1rem;
}

p {
  margin: 0 0 var(--spacing-md);
  color: var(--color-text);
}

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

.formula,
.reaction-schema {
  font-family: var(--font-mono);
}