@import url('https://fonts.googleapis.com/css2?family=Charis+SIL:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
  --body-font-family: "Charis SIL", serif;
  --heading-font-family: "Charis SIL", serif;
  --h1-font-size: 4.375rem;       /* era 3.5rem */
  --h1-font-size-mob: 3.125rem;   /* era 2.5rem */
  --h2-font-size: 3.4375rem;      /* era 2.75rem */
  --h2-font-size-mob: 2.5rem;     /* era 2.0rem */
  --h3-font-size: 2.3rem;      /* era 1.95rem */
  --h4-font-size: 1.875rem;       /* era 1.5rem */
  --h5-font-size: 1.40625rem;     /* era 1.125rem */
  --h6-font-size: 1.25rem;        /* era 1rem */
  --headings-font-weight-h1: 700;
  --headings-font-weight-h2: 700;
  --headings-font-weight-h3: 700;
  --headings-font-weight-h4: 700;
  --headings-font-weight-h5: 400;
  --headings-font-weight-h6: 400;
  --section-title-color: var(--headings-color);
  --section-title-font-size: 4.6875rem;   /* era 3.75rem */
  --section-title-line-height: 1.1;
  --section-title-text-transform: uppercase;
  --section-title-font-family: var(--heading-font-family);
  --section-title-font-weight: var(--headings-font-weight-h2);
  --section-title-subtitle-color: #6d6c74;
  --section-title-subtitle-font-size: 16.25px;   /* era 13px */
  --section-title-subtitle-line-height: 1.4;
  --section-title-subtitle-font-family: var(--heading-font-family);
  --section-title-subtitle-font-weight: 700;
  --body-font-size: 1.10rem;
}