.spr-heading {
  letter-spacing: var(--heading-letter-spacing);
  color: var(--heading-color);
  font-size: var(--heading-font-size);
  font-weight: var(--heading-font-weight);
  line-height: var(--heading-line-height);
  margin-block: 0;
}

.spr-heading--dark {
  color: var(--heading-color-dark);
}

.spr-heading--xxlarge {
  --heading-font-size: var(--font-size-xxl);
  --heading-line-height: var(--font-size-xxl);
  --heading-letter-spacing: -0.3125rem;
}

.spr-heading--xlarge {
  --heading-font-size: var(--font-size-xl);
  --heading-line-height: var(--font-size-xl);
  --heading-letter-spacing: -0.1875rem;
}

.spr-heading--large {
  --heading-font-size: var(--font-size-l);
  --heading-line-height: var(--font-size-l);
  --heading-letter-spacing: -0.125rem;
}

.spr-heading--medium {
  --heading-font-size: var(--font-size-m);
  --heading-line-height: var(--font-size-m);
  --heading-letter-spacing: -0.0625rem;
}

.spr-heading--small {
  --heading-font-size: var(--font-size-s);
  --heading-line-height: var(--font-size-s);
}

.spr-heading--xsmall {
  --heading-font-size: var(--font-size-xs);

  line-height: var(--line-height-heading-5);
}

.spr-heading--xxsmall {
  --heading-font-size: var(--font-size-xxs);

  line-height: var(--line-height-heading-6);
}