body { margin: 0; color: var(--color-text); background: var(--color-bg); font-family: var(--font-body); font-size: 1rem; line-height: 1.625; }

body, button, input, select, textarea { font-family: var(--font-body); }

h1, h2, h3, h4 { margin-top: 0; color: var(--color-primary); font-family: var(--font-heading); }

h1 { font-size: 3.25rem; line-height: 1.2; font-weight: 700; }

h2 { font-size: 3rem; line-height: 1.25; font-weight: 700; }

h3 { font-size: 2rem; line-height: 1.33; font-weight: 600; }

@media (max-width: 48em) {
  body { padding-bottom: 4.5rem; line-height: 1.5; }
  h1 { font-size: 2.25rem; line-height: 1.21; }
  h2 { font-size: 2rem; line-height: 1.25; }
  h3 { font-size: 1.5rem; line-height: 1.4; }
}