.ngm-design-system,
.ngm-ui,
.ngm-plugin,
.ngm-admin,
.ngm-card,
.ngm-panel {
  font-family: var(--ngm-font-body);
  color: var(--ngm-ink);
}

.ngm-design-system h1,
.ngm-design-system h2,
.ngm-design-system h3,
.ngm-design-system h4,
.ngm-ui h1,
.ngm-ui h2,
.ngm-ui h3,
.ngm-ui h4,
.ngm-plugin h1,
.ngm-plugin h2,
.ngm-plugin h3,
.ngm-plugin h4,
.ngm-heading,
.ngm-title {
  font-family: var(--ngm-font-heading);
  color: var(--ngm-ink);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.ngm-design-system h1,
.ngm-ui h1,
.ngm-plugin h1 { line-height: 1.08; }
.ngm-design-system h2,
.ngm-ui h2,
.ngm-plugin h2 { line-height: 1.12; }
.ngm-design-system h3,
.ngm-ui h3,
.ngm-plugin h3 { line-height: 1.18; }

.ngm-eyebrow,
.ngm-kicker,
.ngm-label {
  font-family: var(--ngm-font-ui);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 700;
  font-size: .76rem;
  color: var(--ngm-gold);
}

.ngm-design-system a,
.ngm-ui a,
.ngm-plugin a {
  color: var(--ngm-green);
  text-decoration-color: rgba(36,72,58,.35);
  transition: color var(--ngm-ease), text-decoration-color var(--ngm-ease);
}

.ngm-design-system a:hover,
.ngm-ui a:hover,
.ngm-plugin a:hover {
  color: var(--ngm-gold);
  text-decoration-color: var(--ngm-gold);
}