@font-face {
  font-family: "Slate";
  src: url("/themes/custom/psi/fonts/SlateStd-Bold.otf") format("opentype");
  font-weight: 400 500 600 700;
  font-style: bold;
}
@font-face {
  font-family: "Slate";
  src: url("/themes/custom/psi/fonts/SlateStd-BoldItalic.otf") format("opentype");
  font-weight: 400 500 600 700;
  font-style: bolditalic;
}
@font-face {
  font-family: "Slate";
  src: url("/themes/custom/psi/fonts/SlateStd-Italic.otf") format("opentype");
  font-weight: 400 500 600 700;
  font-style: italic;
}
@font-face {
  font-family: "Slate";
  src: url("/themes/custom/psi/fonts/SlateStd-Light.otf") format("opentype");
  font-style: normal;
  font-weight: 300 350;
}
@font-face {
  font-family: "Slate";
  src: url("/themes/custom/psi/fonts/SlateStd-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Slate";
  src: url("/themes/custom/psi/fonts/SlateStd-LightItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 300 350;
}
@font-face {
  font-family: "Slate";
  src: url("/themes/custom/psi/fonts/SlateStd-MediumItalic.otf") format("opentype");
  font-weight: 500 600 700 800 900;
  font-style: italic;
}
@font-face {
  font-family: "Slate";
  src: url("/themes/custom/psi/fonts/SlateStd.otf") format("opentype");
  font-weight: 300 350 400 500 600 700 800 900;
  font-style: normal;
}
:root {
  --psi-ff-base: "Slate", sans-serif;
}

/* prettier-ignore */
@media (min-width: 500px) {
  :root {
    /* font-sizes: heading */
    --psi-fs-heading-h1: 3rem; /* 48px */
    --psi-fs-heading-h2: 2rem; /* 32px */
    --psi-fs-heading-h3: 1.5rem; /* 24px */
    /* font-sizes: body */
    --psi-fs-body-base: 1.125rem; /* 18px */
    --psi-fs-body-13: 0.8125rem; /* 13px */
    --psi-fs-body-paragraph: 1.25rem; /* 20px */
    --psi-fs-body-14: 0.75rem; /* 12px */
    /* font-sizes: label */
    --psi-fs-label-18: 0.875rem; /* 14px */
    --psi-fs-label-16: 0.875rem; /* 14px */
    --psi-fs-label-14: 0.75rem; /* 12px */
    /* font-sizes: type */
    --psi-fs-type-quote: 1.5rem; /* 24px */
    --psi-fs-type-eyebrow: 1.25rem; /* 20px */
    --psi-fs-type-small: 0.8125rem; /* 13px */
    /* line-heights: heading */
    --psi-lh-heading-h1: 1.1360416667; /* 54.53px */
    --psi-lh-heading-h2: 1.40625; /* 45px */
    --psi-lh-heading-h3: 1.40625; /* 33.75px */
    /* line-heights: body */
    --psi-lh-body-base: 1.2222222222; /* 22px */
    --psi-lh-body-13: 1.6923076923; /* 22px */
    --psi-lh-body-paragraph: 1.1; /* 22px */
    --psi-lh-body-14: 1.8333333333; /* 22px */
    /* line-heights: label */
    --psi-lh-label-18: 1.7142857143; /* 24px */
    --psi-lh-label-16: 1.7142857143; /* 24px */
    --psi-lh-label-14: 1.8333333333; /* 22px */
    /* line-heights: type */
    --psi-lh-type-quote: 1; /* 24px */
    --psi-lh-type-eyebrow: 1.2; /* 24px */
    --psi-lh-type-small: 1.6923076923; /* 22px */
  }
}
@media (min-width: 992px) {
  :root {
    /* font-sizes: heading */
    --psi-fs-heading-h1: 3rem; /* 48px */
    --psi-fs-heading-h2: 2rem; /* 32px */
    --psi-fs-heading-h3: 1.5rem; /* 24px */
    /* font-sizes: body */
    --psi-fs-body-base: 1.125rem; /* 18px */
    --psi-fs-body-13: 0.8125rem; /* 13px */
    --psi-fs-body-paragraph: 1.25rem; /* 20px */
    --psi-fs-body-14: 0.875rem; /* 14px */
    /* font-sizes: label */
    --psi-fs-label-18: 1rem; /* 16px */
    --psi-fs-label-16: 1rem; /* 16px */
    --psi-fs-label-14: 0.875rem; /* 14px */
    /* font-sizes: type */
    --psi-fs-type-quote: 1.5rem; /* 24px */
    --psi-fs-type-eyebrow: 1.25rem; /* 20px */
    --psi-fs-type-small: 0.8125rem; /* 13px */
    /* line-heights: heading */
    --psi-lh-heading-h1: 1.1360416667; /* 54.53px */
    --psi-lh-heading-h2: 1.40625; /* 45px */
    --psi-lh-heading-h3: 1.40625; /* 33.75px */
    /* line-heights: body */
    --psi-lh-body-base: 1.4444444444; /* 26px */
    --psi-lh-body-13: 2; /* 26px */
    --psi-lh-body-paragraph: 1.3; /* 26px */
    --psi-lh-body-14: 1.7142857143; /* 24px */
    /* line-heights: label */
    --psi-lh-label-18: 1.75; /* 28px */
    --psi-lh-label-16: 1.5; /* 24px */
    --psi-lh-label-14: 1.7142857143; /* 24px */
    /* line-heights: type */
    --psi-lh-type-quote: 1.1666666667; /* 28px */
    --psi-lh-type-eyebrow: 1.2; /* 24px */
    --psi-lh-type-small: 1.8461538462; /* 24px */
  }
}
@media (min-width: 1024px) {
  :root {
    /* font-sizes: heading */
    --psi-fs-heading-h1: 3rem; /* 48px */
    --psi-fs-heading-h2: 2rem; /* 32px */
    --psi-fs-heading-h3: 1.5rem; /* 24px */
    /* font-sizes: body */
    --psi-fs-body-base: 1.125rem; /* 18px */
    --psi-fs-body-13: 0.8125rem; /* 13px */
    --psi-fs-body-paragraph: 1.25rem; /* 20px */
    --psi-fs-body-14: 0.875rem; /* 14px */
    /* font-sizes: label */
    --psi-fs-label-18: 1.125rem; /* 18px */
    --psi-fs-label-16: 1rem; /* 16px */
    /* font-sizes: type */
    --psi-fs-type-quote: 1.5rem; /* 24px */
    --psi-fs-type-eyebrow: 1.25rem; /* 20px */
    /* line-heights: heading */
    --psi-lh-heading-h1: 1.1360416667; /* 54.53px */
    --psi-lh-heading-h2: 1.40625; /* 45px */
    --psi-lh-heading-h3: 1.40625; /* 33.75px */
    /* line-heights: body */
    --psi-lh-body-base: 1.1361111111; /* 20.45px */
    --psi-lh-body-13: 2; /* 26px */
    --psi-lh-body-paragraph: 1.3; /* 26px */
    --psi-lh-body-14: 1.7142857143; /* 24px */
    /* line-heights: label */
    --psi-lh-label-18: 1.5555555556; /* 28px */
    --psi-lh-label-16: 1.75; /* 28px */
    /* line-heights: type */
    --psi-lh-type-quote: 1.1666666667; /* 28px */
    --psi-lh-type-eyebrow: 1.4; /* 28px */
  }
}
@media (min-width: 1200px) {
  :root {
    /* font-sizes: heading */
    --psi-fs-heading-h1: 3rem; /* 48px */
    --psi-fs-heading-h2: 2rem; /* 32px */
    --psi-fs-heading-h3: 1.5rem; /* 24px */
    /* font-sizes: body */
    --psi-fs-body-base: 1.125rem; /* 18px */
    --psi-fs-body-13: 0.8125rem; /* 13px */
    --psi-fs-body-paragraph: 1.25rem; /* 20px */
    --psi-fs-body-14: 0.875rem; /* 14px */
    /* line-heights: heading */
    --psi-lh-heading-h1: 1.1360416667; /* 54.53px */
    --psi-lh-heading-h2: 1.40625; /* 45px */
    --psi-lh-heading-h3: 1.40625; /* 33.75px */
    /* line-heights: body */
    --psi-lh-body-base: 1.1361111111; /* 20.45px */
    --psi-lh-body-13: 2; /* 26px */
    --psi-lh-body-paragraph: 1.3; /* 26px */
    --psi-lh-body-14: 1.7142857143; /* 24px */
  }
}

:root {
  --psi-fw-lighter: 300;
  --psi-fw-light: 350;
  --psi-fw-regular: 400;
  --psi-fw-medium: 500;
  --psi-fw-bold: 700;
  --psi-fw-bolder: 800;
}