body {
  font-family: var(--body-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--heading-font-family);
  font-weight: 600;
  line-height: 1.2;
  text-wrap: balance;
  margin-bottom: 0;
}

h1,
.h1 {
  font-size: var(--fs-5);
}

h2,
.h2 {
  font-size: var(--fs-4);
}

h3,
.h3 {
  font-size: var(--fs-3);
}

h4,
.h4 {
  font-size: var(--fs-2);
}

h5,
.h5 {
  font-size: var(--fs-1);
}

h6,
.h6 {
  font-size: var(--fs-0);
}

p,
.text-body {
  font-family: var(--body-font-family);
  font-size: var(--fs-0);
  line-height: 1.2;
  text-wrap: pretty;
}

small,
.text-small {
  font-size: var(--fs--1);
}

.text-tiny {
  font-size: var(--fs--2);
}

.display-1 {
  font-size: var(--fs-display-1);
}

/* Font size scale classes */
.text-3xs {
  font-size: var(--fs--3);
}
.text-2xs {
  font-size: var(--fs--2);
}
.text-xs {
  font-size: var(--fs--1);
}
.text-sm {
  font-size: var(--fs-0);
}
.text-base {
  font-size: var(--fs-1);
}
.text-lg {
  font-size: var(--fs-2);
}
.text-xl {
  font-size: var(--fs-3);
}
.text-2xl {
  font-size: var(--fs-4);
}
.text-3xl {
  font-size: var(--fs-5);
}
.text-4xl {
  font-size: var(--fs-6);
}
.text-5xl {
  font-size: var(--fs-7);
}

/* Display sizes */
.text-display-1 {
  font-size: var(--fs-display-1);
}

.ff-heading {
  font-family: var(--heading-font-family);
}

.ff-body {
  font-family: var(--body-font-family);
}

.secondary-title {
  font-size: var(--fs-2);
}