.text-display {
  font-size: var(--font-size-display);
  line-height: var(--line-height-display);
}

h1,
.text-h1,
h2,
.text-h2,
h3,
.text-h3,
h4,
.text-h4,
h5,
.text-h5,
h6,
.text-h6,
.font-semibold,
.text-display,
.text-button {
  font-weight: 600;
}

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

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

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

h4,
.text-h4 {
  font-size: var(--font-size-h4);
  line-height: var(--line-height-h4);
}

h5,
.text-h5 {
  font-size: var(--font-size-h5);
  line-height: var(--line-height-h5);
}

h6,
.text-h6 {
  font-size: var(--font-size-h6);
  line-height: var(--line-height-h6);
}

body,
.text-body {
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

.text-body-2 {
  font-size: var(--font-size-body-2);
  line-height: var(--line-height-body-2);
}

.text-button {
  font-size: var(--font-size-button);
  line-height: var(--line-height-button);
}

.text-sub {
  font-size: var(--font-size-sub);
  line-height: var(--line-height-sub);
}