:root {
  --si-ff-sans: "indivisible", sans-serif;
  --si-ff-serif: "minion-3", serif;
  --si-ff-base: var(--si-ff-sans);
  --si-ff-accent: var(--si-ff-serif);
}

:root {
  /* font-sizes: heading */
  --si-fs-heading-h1: 1.75rem; /* 28px */
  --si-fs-heading-h1-alt: 1.75rem; /* 28px */
  --si-fs-heading-h2: 1.5rem; /* 24px */
  --si-fs-heading-h2-alt: 1.5rem; /* 24px */
  --si-fs-heading-h3: 1.375rem; /* 22px */
  --si-fs-heading-h3-alt: 1.125rem; /* 18px */
  --si-fs-heading-h4: 1.25rem; /* 20px */
  --si-fs-heading-h5: 1.125rem; /* 18px */
  --si-fs-heading-h6: 1rem; /* 16px */
  /* font-sizes: body */
  --si-fs-body-base: 1rem; /* 16px */
  --si-fs-body-32: 1.5rem; /* 24px */
  --si-fs-body-20: 1rem; /* 16px */
  --si-fs-body-18: 1rem; /* 16px */
  --si-fs-body-16: 1rem; /* 16px */
  --si-fs-body-14: 0.875rem; /* 14px */
  --si-fs-body-12: 0.75rem; /* 12px */
  /* line-heights: heading */
  --si-lh-heading-h1: 1.2857142857; /* 36px */
  --si-lh-heading-h1-alt: 1.2857142857; /* 36px */
  --si-lh-heading-h2: 1.4166666667; /* 34px */
  --si-lh-heading-h2-alt: 1.1666666667; /* 28px */
  --si-lh-heading-h3: 1.3636363636; /* 30px */
  --si-lh-heading-h3-alt: 1.4444444444; /* 26px */
  --si-lh-heading-h4: 1.4; /* 28px */
  --si-lh-heading-h5: 1.4444444444; /* 26px */
  --si-lh-heading-h6: 1.375; /* 22px */
  /* line-heights: body */
  --si-lh-body-base: 1.5; /* 24px */
  --si-lh-body-32: 1.4166666667; /* 34px */
  --si-lh-body-20: 1.5; /* 24px */
  --si-lh-body-18: 1.5; /* 24px */
  --si-lh-body-16: 1.375; /* 22px */
  --si-lh-body-14: 1.4285714286; /* 20px */
  --si-lh-body-12: 1.5; /* 18px */
}
@media (min-width: 768px) {
  :root {
    /* font-sizes: heading */
    --si-fs-heading-h1: 3rem; /* 48px */
    --si-fs-heading-h1-alt: 2.25rem; /* 36px */
    --si-fs-heading-h2: 2rem; /* 32px */
    --si-fs-heading-h2-alt: 2.25rem; /* 36px */
    --si-fs-heading-h3: 1.5rem; /* 24px */
    --si-fs-heading-h3-alt: 1.25rem; /* 20px */
    --si-fs-heading-h4: 1.375rem; /* 22px */
    --si-fs-heading-h5: 1.25rem; /* 20px */
    --si-fs-heading-h6: 1.125rem; /* 18px */
    /* font-sizes: body */
    --si-fs-body-base: 1.125rem; /* 18px */
    --si-fs-body-32: 2rem; /* 32px */
    --si-fs-body-20: 1.25rem; /* 20px */
    --si-fs-body-18: 1.125rem; /* 18px */
    /* line-heights: heading */
    --si-lh-heading-h1: 1.25; /* 60px */
    --si-lh-heading-h1-alt: 1.2222222222; /* 44px */
    --si-lh-heading-h2: 1.25; /* 40px */
    --si-lh-heading-h2-alt: 1.2222222222; /* 44px */
    --si-lh-heading-h3: 1.4166666667; /* 34px */
    --si-lh-heading-h3-alt: 1.4; /* 28px */
    --si-lh-heading-h4: 1.3636363636; /* 30px */
    --si-lh-heading-h5: 1.4; /* 28px */
    --si-lh-heading-h6: 1.4444444444; /* 26px */
    /* line-heights: body */
    --si-lh-body-base: 1.4444444444; /* 26px */
    --si-lh-body-32: 1.25; /* 40px */
    --si-lh-body-20: 1.4; /* 28px */
    --si-lh-body-18: 1.4444444444; /* 26px */
  }
}
@media (min-width: 1024px) {
  :root {
    /* font-sizes: heading */
    --si-fs-heading-h1: 3.75rem; /* 60px */
    --si-fs-heading-h3-alt: 1.75rem; /* 28px */
    /* line-heights: heading */
    --si-lh-heading-h1: 1.2; /* 72px */
    --si-lh-heading-h3-alt: 1.2857142857; /* 36px */
  }
}
@media (min-width: 1440px) {
  :root {
    /* font-sizes: heading */
    --si-fs-heading-h2: 2.5rem; /* 40px */
    --si-fs-heading-h2-alt: 2.5rem; /* 40px */
    --si-fs-heading-h3: 1.75rem; /* 28px */
    --si-fs-heading-h3-alt: 2.25rem; /* 36px */
    --si-fs-heading-h4: 1.5rem; /* 24px */
    --si-fs-heading-h5: 1.375rem; /* 22px */
    --si-fs-heading-h6: 1.25rem; /* 20px */
    /* line-heights: heading */
    --si-lh-heading-h2: 1.2; /* 48px */
    --si-lh-heading-h2-alt: 1.2; /* 48px */
    --si-lh-heading-h3: 1.2857142857; /* 36px */
    --si-lh-heading-h3-alt: 1.2222222222; /* 44px */
    --si-lh-heading-h4: 1.4166666667; /* 34px */
    --si-lh-heading-h5: 1.3636363636; /* 30px */
    --si-lh-heading-h6: 1.4; /* 28px */
  }
}

:root {
  --si-fw-thin: 100;
  --si-fw-light: 300;
  --si-fw-regular: 400;
  --si-fw-book: 400;
  --si-fw-medium: 500;
  --si-fw-semibold: 600;
  --si-fw-bold: 700;
}