/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */

@use "../../common/hyphenation" as *;
@use "../../common/text-rendering" as *;

@mixin reset-hx {
  margin-block: 0;
}

.ams-heading {
  box-sizing: border-box;
  break-after: avoid;
  break-inside: avoid;
  color: var(--ams-heading-color);
  font-family: var(--ams-heading-font-family);
  font-weight: var(--ams-heading-font-weight);

  @include hyphenation;
  @include text-rendering;
  @include reset-hx;
}

.ams-heading--1 {
  font-size: var(--ams-heading-1-font-size);
  line-height: var(--ams-heading-1-line-height);
}

.ams-heading--2 {
  font-size: var(--ams-heading-2-font-size);
  line-height: var(--ams-heading-2-line-height);
}

.ams-heading--3 {
  font-size: var(--ams-heading-3-font-size);
  line-height: var(--ams-heading-3-line-height);
}

.ams-heading--4 {
  font-size: var(--ams-heading-4-font-size);
  line-height: var(--ams-heading-4-line-height);
}

.ams-heading--5 {
  font-size: var(--ams-heading-5-font-size);
  line-height: var(--ams-heading-5-line-height);
}

.ams-heading--6 {
  font-size: var(--ams-heading-6-font-size);
  line-height: var(--ams-heading-6-line-height);
}

.ams-heading--inverse {
  color: var(--ams-heading-inverse-color);
}