body {
  font-family: var(--font-cn-body);
  font-size: var(--text-body);
  font-weight: 300;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-body);
  color: var(--color-ink);
}

h1,
h2,
h3,
.display-text {
  font-family: var(--font-cn-display);
  font-weight: 300;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-display);
  color: var(--color-wood);
}

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

h2,
.text-title {
  font-size: var(--text-title);
}

h3,
.text-lead {
  font-size: var(--text-lead);
}

.text-caption {
  font-size: var(--text-caption);
  line-height: var(--leading-normal);
  color: var(--color-ink-soft);
}

.english-whisper {
  font-family: var(--font-en-display);
  font-size: var(--text-whisper);
  font-style: italic;
  font-weight: 300;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-body);
  color: var(--color-ink-soft);
}