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

@mixin purpur-title-100() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-bold);
  font-size: clamp(var(--purpur-typography-scale-150), 3cqw, var(--purpur-typography-scale-200));
  line-height: var(--purpur-typography-line-height-default);
}

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

@mixin purpur-title-300() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-bold);
  font-size: clamp(var(--purpur-typography-scale-400), 3cqw, var(--purpur-typography-scale-600));
  line-height: var(--purpur-typography-line-height-default);
}

@mixin purpur-title-400() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-bold);
  font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-700));
  line-height: var(--purpur-typography-line-height-default);
}

@mixin purpur-title-500() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-bold);
  font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-800));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-title-600() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-bold);
  font-size: clamp(var(--purpur-typography-scale-650), 3cqw, var(--purpur-typography-scale-850));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-title-700() {
  font-family: var(--purpur-typography-family-default);
  font-weight: var(--purpur-typography-weight-bold);
  font-size: clamp(var(--purpur-typography-scale-700), 3cqw, var(--purpur-typography-scale-900));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-display-5() {
  font-family: var(--purpur-typography-family-display);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: clamp(var(--purpur-typography-scale-150), 3cqw, var(--purpur-typography-scale-200));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-display-10() {
  font-family: var(--purpur-typography-family-display);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: clamp(var(--purpur-typography-scale-200), 3cqw, var(--purpur-typography-scale-400));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-display-15() {
  font-family: var(--purpur-typography-family-display);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: clamp(var(--purpur-typography-scale-400), 3cqw, var(--purpur-typography-scale-600));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-display-20() {
  font-family: var(--purpur-typography-family-display);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-700));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-display-25() {
  font-family: var(--purpur-typography-family-display);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: clamp(var(--purpur-typography-scale-600), 3cqw, var(--purpur-typography-scale-800));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-display-50() {
  font-family: var(--purpur-typography-family-display);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: clamp(var(--purpur-typography-scale-650), 3cqw, var(--purpur-typography-scale-850));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-display-100() {
  font-family: var(--purpur-typography-family-display);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: clamp(var(--purpur-typography-scale-700), 3cqw, var(--purpur-typography-scale-900));
  line-height: var(--purpur-typography-line-height-snug);
}

@mixin purpur-display-200() {
  font-family: var(--purpur-typography-family-display);
  font-weight: var(--purpur-typography-weight-normal);
  font-size: clamp(var(--purpur-typography-scale-800), 3cqw, var(--purpur-typography-scale-1000));
  line-height: var(--purpur-typography-line-height-snug);
}
