%default-color { color: $color-text-01; }
%font-size-large { font-size: $font-size-large; }
%font-weight-medium { font-weight: $font-weight-medium; }
%font-weight-bold { font-weight: $font-weight-bold; }
%font-size-medium { font-size: $font-size-medium; }

h1 {
  font-weight: $font-weight-bold;
  @extend %font-size-large;
  @extend %default-color;
}

h2 {
  font-size: $font-size-large;
  @extend %font-weight-medium;
  @extend %default-color;
}

h3 {
  @extend %font-weight-medium;
  @extend %font-size-medium;
  @extend %default-color;
}

h4 {
  font-weight: $font-weight-normal;
  @extend %font-size-medium;
  @extend %default-color;
}

h5, p {
  font-size: $font-size-normal;
  font-weight: $font-weight-normal;
  @extend %default-color;
}

.type-bold {
  @extend %font-weight-bold;
}
.type-medium {
  @extend %font-weight-medium;
}
.type-caption {
  font-size: $font-size-small;
  @extend %font-weight-bold;
}