@mixin purpur-paragraph-100() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: var(--purpur-typography-scale-100);
  line-height: var(--purpur-typography-line-height-loose);
}

@mixin purpur-paragraph-100-medium() {
  @include purpur-paragraph-100;
  font-weight: var(--purpur-typography-weight-medium);
}

@mixin purpur-paragraph-100-bold() {
  @include purpur-paragraph-100;
  font-weight: var(--purpur-typography-weight-bold);
}

@mixin purpur-paragraph-200() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: var(--purpur-typography-scale-100);
  line-height: var(--purpur-typography-line-height-looser);
}

@mixin purpur-preamble-100() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: var(--purpur-typography-scale-200);
  line-height: var(--purpur-typography-line-height-loose);
}

@mixin purpur-preamble-200() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: clamp(var(--purpur-typography-scale-150), 3cqw, var(--purpur-typography-scale-400));
  line-height: var(--purpur-typography-line-height-loose);
}

@mixin purpur-additional-100() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: var(--purpur-typography-scale-75);
  line-height: var(--purpur-typography-line-height-loose);
}

@mixin purpur-additional-100-medium() {
  @include purpur-additional-100;
  font-weight: var(--purpur-typography-weight-medium);
}

@mixin purpur-additional-100-bold() {
  @include purpur-additional-100;
  font-weight: var(--purpur-typography-weight-bold);
}

@mixin purpur-overline-100() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-medium);
  font-size: var(--purpur-typography-scale-75);
  letter-spacing: var(--purpur-spacing-10);
  line-height: var(--purpur-typography-line-height-tight);
  text-transform: uppercase;
}

@mixin purpur-overline-200() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-medium);
  font-size: clamp(var(--purpur-typography-scale-75), 3cqw, var(--purpur-typography-scale-100));
  letter-spacing: var(--purpur-spacing-10);
  line-height: var(--purpur-typography-line-height-tight);
  text-transform: uppercase;
}
