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

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

.ams-heading {
  @include reset-hx;

  box-sizing: border-box;

  /*
   * If break-after is supported, use it to avoid a Heading from being the last item on a page when printed.
   * If it is not supported, it is ignored.
   */
  /* stylelint-disable-next-line plugin/use-baseline */
  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);

  /* stylelint-disable-next-line plugin/use-baseline -- Unbalanced line lengths in non-supporting browsers are acceptable */
  text-wrap: var(--ams-heading-text-wrap);

  @include hyphenation;
  @include text-rendering;
}

.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);
}