/* RentGuarantor CSS: tokens.typography.css (source: src/assets/scss/_tokens.typography.scss) */
:root {
  --font-family-heading: "Sora", sans-serif;
  --font-family-bodycopy: "Poppins", sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-size-xxxl: 4.5rem;
  --font-size-xxl: 3.25rem;
  --font-size-xl: 2.25rem;
  --font-size-l: 2rem;
  --font-size-m: 1.75rem;
  --font-size-s: 1.5rem;
  --font-size-xs: 1.125rem;
  --font-size-xxs: 1rem;
  --line-height-xxxl: 5.4375rem;
  --line-height-xxl: 4.25rem;
  --line-height-xl: 3rem;
  --line-height-l: 2.4375rem;
  --line-height-m: 2.125rem;
  --line-height-xs: 1.625rem;
  --line-height-xxs: 1.4375rem;
  --typography-h1-family: var(--font-family-heading);
  --typography-h1-size: var(--font-size-xxxl);
  --typography-h1-weight: var(--font-weight-semibold);
  --typography-h1-line-height: var(--line-height-xxxl);
  --typography-h2-family: var(--font-family-heading);
  --typography-h2-size: var(--font-size-xxl);
  --typography-h2-weight: var(--font-weight-semibold);
  --typography-h2-line-height: var(--line-height-xxl);
  --typography-h3-family: var(--font-family-heading);
  --typography-h3-size: var(--font-size-xl);
  --typography-h3-weight: var(--font-weight-semibold);
  --typography-h3-line-height: var(--line-height-xl);
  --typography-h4-family: var(--font-family-heading);
  --typography-h4-size: var(--font-size-l);
  --typography-h4-weight: var(--font-weight-semibold);
  --typography-h4-line-height: var(--line-height-l);
  --typography-h5-family: var(--font-family-heading);
  --typography-h5-size: var(--font-size-m);
  --typography-h5-weight: var(--font-weight-semibold);
  --typography-h5-line-height: var(--line-height-m);
  --typography-h6-family: var(--font-family-heading);
  --typography-h6-size: var(--font-size-s);
  --typography-h6-weight: var(--font-weight-regular);
  --typography-h6-line-height: var(--line-height-m);
  --typography-p1-family: var(--font-family-bodycopy);
  --typography-p1-size: var(--font-size-xs);
  --typography-p1-weight: var(--font-weight-regular);
  --typography-p1-line-height: var(--line-height-xs);
  --typography-p2-family: var(--font-family-bodycopy);
  --typography-p2-size: var(--font-size-xxs);
  --typography-p2-weight: var(--font-weight-regular);
  --typography-p2-line-height: var(--line-height-xxs);
  --typography-b1-family: var(--font-family-heading);
  --typography-b1-size: var(--font-size-xs);
  --typography-b1-weight: var(--font-weight-semibold);
  --typography-b1-line-height: var(--line-height-xs);
  --typography-b2-family: var(--font-family-heading);
  --typography-b2-size: var(--font-size-xxs);
  --typography-b2-weight: var(--font-weight-semibold);
  --typography-b2-line-height: var(--line-height-xxs);
}

.h1,
h1 {
  font-family: var(--typography-h1-family);
  font-size: var(--typography-h1-size);
  font-weight: var(--typography-h1-weight);
  line-height: var(--typography-h1-line-height);
}

.h2,
h2 {
  font-family: var(--typography-h2-family);
  font-size: var(--typography-h2-size);
  font-weight: var(--typography-h2-weight);
  line-height: var(--typography-h2-line-height);
  color: var(--color-core-navy);
}

.h3,
h3 {
  font-family: var(--typography-h3-family);
  font-size: var(--typography-h3-size);
  font-weight: var(--typography-h3-weight);
  line-height: var(--typography-h3-line-height);
}

.h4,
h4 {
  font-family: var(--typography-h4-family);
  font-size: var(--typography-h4-size);
  font-weight: var(--typography-h4-weight);
  line-height: var(--typography-h4-line-height);
}

.h5,
h5 {
  font-family: var(--typography-h5-family);
  font-size: var(--typography-h5-size);
  font-weight: var(--typography-h5-weight);
  line-height: var(--typography-h5-line-height);
}

.h6,
h6 {
  font-family: var(--typography-h6-family);
  font-size: var(--typography-h6-size);
  font-weight: var(--typography-h6-weight);
  line-height: var(--typography-h6-line-height);
}

.p1 {
  font-family: var(--typography-p1-family);
  font-size: var(--typography-p1-size);
  font-weight: var(--typography-p1-weight);
  line-height: var(--typography-p1-line-height);
}

.p2 {
  font-family: var(--typography-p2-family);
  font-size: var(--typography-p2-size);
  font-weight: var(--typography-p2-weight);
  line-height: var(--typography-p2-line-height);
}

.b1 {
  font-family: var(--typography-b1-family);
  font-size: var(--typography-b1-size);
  font-weight: var(--typography-b1-weight);
  line-height: var(--typography-b1-line-height);
}

.b2 {
  font-family: var(--typography-b2-family);
  font-size: var(--typography-b2-size);
  font-weight: var(--typography-b2-weight);
  line-height: var(--typography-b2-line-height);
}