body {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-body);
  line-height: var(--line-height);
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-size-xxxxxx-large,
.font-size-xxxxx-large,
.font-size-xxxx-large,
.font-size-xxx-large,
.font-size-xx-large,
.font-size-x-large,
.font-size-large {
  font-family: var(--font-family-secondary);
}

.font-size-xxxxxx-large {
  font-size: var(--font-size-responsive-xxxxxx-large);
  line-height: var(--font-size-massive-line-height);
}

h1,
.font-size-xxxxx-large {
  font-size: var(--font-size-responsive-xxxxx-large);
  line-height: var(--font-size-xxxxx-large-line-height);
  margin-bottom: var(--spacing-xxxlarge);
  font-weight: var(--font-weight-black);
}

h2,
.font-size-xxxx-large {
  font-size: var(--font-size-responsive-xxx-large);
  line-height: var(--font-size-xxx-large-line-height);
  font-weight: var(--font-weight-black);
  margin-bottom: var(--spacing-xxlarge);
}

h3,
.font-size-xxx-large {
  font-size: var(--font-size-responsive-xx-large);
  line-height: var(--font-size-xx-large-line-height);
  margin-bottom: var(--spacing-xlarge);
}

h4,
.font-size-xx-large {
  font-size: var(--font-size-responsive-xx-large);
  line-height: var(--font-size-xx-large-line-height);
}

h5,
.font-size-x-large {
  font-size: var(--font-size-responsive-x-large);
  line-height: var(--font-size-x-large-line-height);
}

h6,
.font-size-large {
  font-size: var(--font-size-responsive-large);
  line-height: var(--font-size-large-line-height);
}

.font-size-small {
  font-size: var(--font-size-responsive-small);
}

.font-size-x-small {
  font-size: var(--font-size-responsive-x-small);
}

strong {
  font-weight: var(--font-weight-bold);
}