:root {
  --heading-font-weight: 700;
  --paragraph-font-weight: 400;
  --h1-font-size: calc(1.525rem + 3.3vw);
  --h1-font-weight: 700;
  --h1-line-height: 1.09375;
  --h2-font-size: calc(1.4rem + 1.8vw);
  --h2-font-weight: 700;
  --h2-line-height: 1.1818181818;
  --h3-font-size: calc(1.325rem + 0.9vw);
  --h3-font-weight: 700;
  --h3-line-height: 1.25;
  --h4-font-size: calc(1.3rem + 0.6vw);
  --h4-font-weight: 700;
  --h4-line-height: 1.1428571429;
  --h5-font-size: calc(1.2625rem + 0.15vw);
  --h5-font-weight: 700;
  --h5-line-height: 1.0909090909;
  --h6-font-size: 1.125rem;
  --h6-font-weight: 700;
  --h6-line-height: 1.3333333333;
  --paragraph-ultra-small-font-size: 0.625rem;
  --paragraph-ultra-small-font-weight: 400;
  --paragraph-ultra-small-line-height: 1.2;
  --paragraph-very-small-font-size: 0.75rem;
  --paragraph-very-small-font-weight: 400;
  --paragraph-very-small-line-height: 1.1666666667;
  --paragraph-small-font-size: 0.875rem;
  --paragraph-small-font-weight: 400;
  --paragraph-small-line-height: 1.2857142857;
  --paragraph-default-font-size: 1rem;
  --paragraph-default-font-weight: 400;
  --paragraph-default-line-height: 1.5;
  --paragraph-large-font-size: 1.125rem;
  --paragraph-large-font-weight: 400;
  --paragraph-large-line-height: 1.5555555556;
  --paragraph-very-large-font-size: calc(1.2625rem + 0.15vw);
  --paragraph-very-large-font-weight: 400;
  --paragraph-very-large-line-height: 1.3636363636;
  --paragraph-ultra-large-font-size: calc(1.2875rem + 0.45vw);
  --paragraph-ultra-large-font-weight: 400;
  --paragraph-ultra-large-line-height: 1.3076923077;
}

.typo-style-small {
  font-size: var(--paragraph-small-font-size) !important;
  font-weight: var(--paragraph-small-font-weight) !important;
  line-height: var(--paragraph-small-line-height) !important;
}

p {
  font-size: var(--paragraph-default-font-size);
  font-weight: var(--paragraph-default-font-weight);
  line-height: var(--paragraph-default-line-height);
}

.typo-style-default {
  font-size: var(--paragraph-default-font-size) !important;
  font-weight: var(--paragraph-default-font-weight) !important;
  line-height: var(--paragraph-default-line-height) !important;
}

.typo-style-large {
  font-size: var(--paragraph-large-font-size) !important;
  font-weight: var(--paragraph-large-font-weight) !important;
  line-height: var(--paragraph-large-line-height) !important;
}

.typo-style-very-large {
  font-size: var(--paragraph-very-large-font-size) !important;
  font-weight: var(--paragraph-very-large-font-weight) !important;
  line-height: var(--paragraph-very-large-line-height) !important;
}

.typo-style-ultra-large {
  font-size: var(--paragraph-ultra-large-font-size) !important;
  font-weight: var(--paragraph-ultra-large-font-weight) !important;
  line-height: var(--paragraph-ultra-large-line-height) !important;
}

.h1-style {
  font-size: var(--h1-font-size) !important;
  font-weight: var(--h1-font-weight) !important;
  line-height: var(--h1-line-height) !important;
}

.h2-style {
  font-size: var(--h2-font-size) !important;
  font-weight: var(--h2-font-weight) !important;
  line-height: var(--h2-line-height) !important;
}

.h3-style {
  font-size: var(--h3-font-size) !important;
  font-weight: var(--h3-font-weight) !important;
  line-height: var(--h3-line-height) !important;
}

.h4-style {
  font-size: var(--h4-font-size) !important;
  font-weight: var(--h4-font-weight) !important;
  line-height: var(--h4-line-height) !important;
}

.h5-style {
  font-size: var(--h5-font-size) !important;
  font-weight: var(--h5-font-weight) !important;
  line-height: var(--h5-line-height) !important;
}

.h6-style {
  font-size: var(--h6-font-size) !important;
  font-weight: var(--h6-font-weight) !important;
  line-height: var(--h6-line-height) !important;
}

.typo-style-ultra-small {
  font-size: var(--paragraph-ultra-small-font-size) !important;
  font-weight: var(--paragraph-ultra-small-font-weight) !important;
  line-height: var(--paragraph-ultra-small-line-height) !important;
}

.typo-style-very-small {
  font-size: var(--paragraph-very-small-font-size) !important;
  font-weight: var(--paragraph-very-small-font-weight) !important;
  line-height: var(--paragraph-very-small-line-height) !important;
}

.typo-style-small {
  font-size: var(--paragraph-small-font-size) !important;
  font-weight: var(--paragraph-small-font-weight) !important;
  line-height: var(--paragraph-small-line-height) !important;
}

.typo-style-default {
  font-size: var(--paragraph-default-font-size) !important;
  font-weight: var(--paragraph-default-font-weight) !important;
  line-height: var(--paragraph-default-line-height) !important;
}

.typo-style-large {
  font-size: var(--paragraph-large-font-size) !important;
  font-weight: var(--paragraph-large-font-weight) !important;
  line-height: var(--paragraph-large-line-height) !important;
}

.typo-style-very-large {
  font-size: var(--paragraph-very-large-font-size) !important;
  font-weight: var(--paragraph-very-large-font-weight) !important;
  line-height: var(--paragraph-very-large-line-height) !important;
}

.typo-style-ultra-large {
  font-size: var(--paragraph-ultra-large-font-size) !important;
  font-weight: var(--paragraph-ultra-large-font-weight) !important;
  line-height: var(--paragraph-ultra-large-line-height) !important;
}