body {
  color: var(--color-text);
  font-family: var(--font-family-accent);
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-heading);
  line-height: var(--line-height-tight);
}

p {
  color: var(--color-text-secondary);
}

.section-heading {
  display: grid;
  gap: var(--space-3);
  margin-bottom: var(--space-8);
}

.section-heading--center {
  text-align: center;
}

.section-heading__eyebrow,
.hero__eyebrow,
.sidebar-block__eyebrow,
.footer__eyebrow {
  color: var(--color-primary-500);
  font-size: var(--font-size-xs);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.section-heading__title {
  font-size: var(--font-size-2xl);
  color: var(--color-text);
}