.typography {
  color: var(--text);

  &--h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.5rem;
  }

  &--h2 {
    font-size: 2rem;
    font-weight: 700;
  }

  &--h3 {
    font-size: 1.5rem;
    font-weight: 700;
  }

  &--h4 {
    font-size: 1.25rem;
    font-weight: 700;
  }

  &--h5 {
    font-size: 1rem;
    font-weight: 700;
  }

  &--h6 {
    font-size: 0.875rem;
    font-weight: 700;
  }

  &--body,
  &--label {
    font-size: 0.875rem;
    font-weight: 400;
  }
}
