// Заголовки H1–H6 (desktop / mobile)

@mixin docplat-new-heading {
  font-family: var(--font-bold);
  font-weight: 700;
  color: var(--BLACK);
  letter-spacing: 0;
  text-transform: none;
  margin: 0;
}

$headings-desktop: (
  1: (36px, 44px),
  2: (32px, 38px),
  3: (28px, 34px),
  4: (24px, 28px),
  5: (20px, 24px),
  6: (16px, 20px)
);

$headings-mobile: (
  1: (26px, 32px),
  2: (22px, 26px),
  3: (20px, 24px),
  4: (18px, 22px),
  5: (16px, 20px),
  6: (14px, 18px)
);

@each $level, $sizes in $headings-desktop {
  $font-size: nth($sizes, 1);
  $line-height: nth($sizes, 2);
  $mobile-sizes: map-get($headings-mobile, $level);
  $mobile-font-size: nth($mobile-sizes, 1);
  $mobile-line-height: nth($mobile-sizes, 2);

  h#{$level},
  .sln-h#{$level} {
    @include docplat-new-heading;
    font-size: $font-size;
    line-height: $line-height;

    @media screen and (max-width: 768px) {
      font-size: $mobile-font-size;
      line-height: $mobile-line-height;
    }
  }
}
