h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  color: $gray-16;
  font-weight: 600;
  line-height: 130%;
  font-family: $font-family-header;
}

h1,
.h1 {
  @include rfs(48);
}
h2,
.h2 {
  @include rfs(40);
}
h3,
.h3 {
  @include rfs(32);
}

h4,
.h4 {
  @include rfs(24);
}
h5,
.h5 {
  @include rfs(20);
}
h6,
.h6 {
  @include rfs(18);
}

p,
.p {
  font-weight: 400;
  @include rfs(16);
  line-height: 150%;
  font-family: $font-family-base;
}

.small {
  @include rfs(14);
}

// Font weight
@each $label, $value in $font-weight {
  .font-#{$label} {
    font-weight: #{$value};
  }
}

.clamp {
  @include clamp(2);
  &__03 {
    @include clamp(3);
  }
  &__01 {
    @include clamp(3);
  }
}

.heading {
  &__line {
    position: relative;
    &::after {
      content: "";
      width: 4.5rem;
      height: 2px;
      background-color: $white;
      position: absolute;
      left: 0;
      bottom: -1rem;
    }
  }
}