p {
  font-size: $font-size-medium;
  font-weight: $font-weight-normal;
  line-height: $line-height-medium;
  margin-bottom: $margin-s;
}

p,
div,
span {
  &.large {
    font-size: $font-size-large;
    font-weight: $font-weight-normal;
    line-height: $line-height-large;
  }

  &.small {
    font-size: $font-size-small;
    font-weight: $font-weight-normal;
    line-height: $line-height-small;
  }

  &.subtle {
    color: $text-color-subtle;

    svg {
      fill: rgba($text-color-subtle, 0.45);
    }
  }

  &.disabled {
    color: $text-color-disabled;

    svg {
      fill: rgba($text-color-disabled, 0.2);
    }
  }

  &.caption {
    margin-bottom: 0;
    margin-top: $margin-xs;

    svg {
      margin-bottom: -7px;
      vertical-align: inherit;
    }
  }

}