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

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

.ams-badge {
  background-color: var(--ams-badge-background-color);
  color: var(--ams-badge-color);
  display: inline-flex;
  font-family: var(--ams-badge-font-family);
  font-size: var(--ams-badge-font-size);
  font-weight: var(--ams-badge-font-weight);
  gap: var(--ams-badge-gap);
  line-height: var(--ams-badge-line-height);
  padding-inline: var(--ams-badge-padding-inline);

  @include hyphenation;
  @include print-exact;
  @include text-rendering;
}

.ams-badge--azure {
  background-color: var(--ams-badge-azure-background-color);
  color: var(--ams-badge-azure-color);
}

.ams-badge--lime {
  background-color: var(--ams-badge-lime-background-color);
  color: var(--ams-badge-lime-color);
}

.ams-badge--magenta {
  background-color: var(--ams-badge-magenta-background-color);
  color: var(--ams-badge-magenta-color);
}

.ams-badge--orange {
  background-color: var(--ams-badge-orange-background-color);
  color: var(--ams-badge-orange-color);
}

.ams-badge--purple {
  background-color: var(--ams-badge-purple-background-color);
  color: var(--ams-badge-purple-color);
}

.ams-badge--red {
  background-color: var(--ams-badge-red-background-color);
  color: var(--ams-badge-red-color);
}

.ams-badge--yellow {
  background-color: var(--ams-badge-yellow-background-color);
  color: var(--ams-badge-yellow-color);
}