body {
  background: var(--color-white);
  color: var(--color-ink);
  font-family: var(--font-family-body, var(--font-family));
  font-size: var(--text-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4 {
  color: var(--color-navy);
  font-family: var(--font-family-heading, var(--font-family));
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--tracking-tight);
  line-height: var(--line-heading);
  text-wrap: balance;
}

h1 {
  font-size: var(--text-hero);
}

h2 {
  font-size: var(--text-2xl);
}

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

p {
  max-width: 66ch;
}

.eyebrow {
  align-items: center;
  color: var(--color-primary);
  display: inline-block;
  font-size: var(--text-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.13em;
  line-height: 1.4;
  text-transform: uppercase;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.eyebrow::before {
  content: none !important;
  display: none !important;
}

.lead {
  color: var(--color-muted);
  font-size: var(--text-lg);
  line-height: 1.7;
}

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

.text-on-dark,
.text-on-dark h1,
.text-on-dark h2,
.text-on-dark h3 {
  color: var(--color-white);
}

.text-on-dark .lead,
.text-on-dark .text-muted {
  color: rgba(255, 255, 255, 0.72);
}

.text-on-dark .eyebrow {
  color: #8adfee;
}