@mixin typography($font-size, $line-height: 1.6, $font-weight: normal, $font-family: '') {
  font-size: $font-size;
  line-height: $line-height;
  font-weight: $font-weight;
  @if $font-family != '' {
    font-family: $font-family;
  }
}

@mixin heading1 {
  @include typography(32px, 1.6, 400);
}

@mixin heading2 {
  @include typography(24px, 1.6, 400);
}

@mixin heading3 {
  @include typography(20px, 1.6, 400);
}

@mixin heading4 {
  @include typography(18px, 1.6, 400);
}

@mixin heading5 {
  @include typography(16px, 1.6, 400);
}

@mixin heading6 {
  @include typography(14px, 1.6, 400);
}

@mixin body1 {
  @include typography(12px, 1.6, 600);
}

@mixin body2 {
  @include typography(12px, 1.6, 400);
}

@mixin link {
  @include typography(12px, 1.6, 700);
}

@mixin title {
  @include typography(16px, 1.6, 600);
}

@mixin button1 {
  @include typography(14px, 1.6, 600);
}

@mixin button2 {
  @include typography(12px, 1.6, 600);
}

@mixin caption {
  @include typography(10px, 1.6, 600);
}