h1 {
  @include h1-sans;
}
h2 {
  @include h2-sans;
}
h3 {
  @include h3-sans;
}
h4 {
  @include h4-sans;
}
h5 {
  @include h5-sans;
}
blockquote {
  @include blockquote;
}
strong {
  @include font-sans-bold;
}

.h1-sans {
  @include h1-sans;
}
.h2-sans {
  @include h2-sans;
}
.h3-sans {
  @include h3-sans;
}
.h4-sans {
  @include h4-sans;
}
.h5-sans {
  @include h5-sans;
}
.h1-sans-normal {
  @include h1-sans-normal;
}
.h2-sans-normal {
  @include h2-sans-normal;
}
.h3-sans-normal {
  @include h3-sans-normal;
}
.h4-sans-normal {
  @include h4-sans-normal;
}
.h5-sans-normal {
  @include h5-sans-normal;
}

.blockquote {
  @include blockquote;
}

.p1 {
  @include p1;
}
.p2 {
  @include p2;
}

.text-metadata {
  @include text-metadata;

  &.size-md {
    @include text-metadata-md;
  }
}

.type-number {
  @include font-number;
}

.number-title {
  @include section-header;
  padding-bottom: 2px;
}
.number-value {
  @include font-number;
  &.size-sm {
    margin-top: 2px;
  }
  &.size-md {
    margin-top: 3px;
  }
  &.size-lg {
    margin-top: 6px;
  }
}
.number-value,
.content {
  color: $color-black;
  &.size-xs {
    font-size: $base-font-size;
  }
  &.size-sm {
    font-size: 24px;
  }
  &.size-md {
    letter-spacing: -1px;
    font-size: 32px;
  }
  &.size-lg {
    letter-spacing: -2px;
    font-size: 48px;
  }
}

.inline-header-md {
  @include inline-header-md;
}
.fine-print {
  @include fine-print;
}

.text-white {
  @include text-white;
}
.text-green {
  @include text-green;
}
.text-green-dark {
  @include text-green-dark;
}
.text-red {
  @include text-red;
}
.text-yellow {
  @include text-yellow;
}
.text-gray {
  @include text-gray;
}
.text-gray-hover {
  @include text-gray-hover;
}

.uppercase-text {
  @include uppercase-text;
}
.uppercase-sans-bold {
  @include uppercase-sans-bold;
}