:root {
  /* Scale */
  --fs-xxs: calc(14 / var(--font-size-body) * 1em);
  --fs-xs: calc(var(--font-size-body) / var(--font-size-body) * 1em);
  --fs-sm: calc(var(--font-size-sub-head) / var(--font-size-body) * 1em);
  --fs-md: calc(var(--font-size-h6) / var(--font-size-body) * 1em);
  --fs-lg: calc(var(--font-size-h5) / var(--font-size-body) * 1em);
  --fs-xl: calc(var(--font-size-h4) / var(--font-size-body) * 1em);
  --fs-xxl: calc(var(--font-size-h3) / var(--font-size-body) * 1em);
  --fs-xxxl: calc(var(--font-size-h2) / var(--font-size-body) * 1em);
  --fs-display: calc(var(--font-size-h1) / var(--font-size-body) * 1em);
}

.text-xxs {
  font-size: var(--fs-xxs);
  line-height: 1.4;
}
.text-xs {
  font-size: var(--fs-xs);
  line-height: 1.4;
}
.text-sm {
  font-size: var(--fs-sm);
  line-height: 1.6;
}
.text-md {
  font-size: var(--fs-md);
  line-height: 1.4;
}
.text-lg {
  font-size: var(--fs-lg);
  line-height: 1.35;
}
.text-xl {
  font-size: var(--fs-xl);
  line-height: 1.25;
}
.text-xxl {
  font-size: var(--fs-xxl);
  line-height: 1.2;
}
.text-xxxl {
  font-size: var(--fs-xxxl);
  line-height: 1.15;
}
.text-display {
  font-size: var(--fs-display);
  line-height: 1.05;
}