h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  margin: 0;
}

h2,
h3,
h4,
h5,
h6 {
  color: var(--ink);
}

h1 {
  color: var(--hero-ink);
}

p {
  margin: 0 0 1em;
  color: var(--accent);
}

small {
  color: var(--muted);
}

.hero small {
  color: var(--hero-ink);
}

.card-body p.green,
.module p.green,
.card-body p span.highlight {
  color: var(--forest-green);
}

.module.contact h1,
.module h1 {
  color: var(--ink);
}

.green {
  color: var(--forest-green);
}