.display4 {
  font-size: 7rem;
  font-weight: 300;
}

.display3 {
  font-size: 3.5rem;
}

.display2 {
  font-size: 2.8125rem;
}

.display1 {
  font-size: 2.125rem;
}

.headline {
  font-size: 1.5rem;
}

.title {
  font-size: var(--title-size);
  font-weight: var(--title-weight);
  line-height: var(--title-line-height);
}

.subheading {
  font-size: var(--subheading-size);
}

.body1 {
  font-size: var(--body-size);
}

.body2 {
  composes: body1;
  font-weight: var(--body2-weight);
}

.caption {
  font-size: var(--caption-size);
}

.buttonText {
  font-weight: var(--button-weight);
  font-size: var(--button-size);
  text-transform: var(--button-text-transform);
}