@font-face {
  font-family: "Courier Prime";
  src:
    url("/assets/fonts/courier-prime/CourierPrime-Regular.woff2") format("woff2"),
    url("/assets/fonts/courier-prime/CourierPrime-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Courier Prime";
  src:
    url("/assets/fonts/courier-prime/CourierPrime-Bold.woff2") format("woff2"),
    url("/assets/fonts/courier-prime/CourierPrime-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Courier Prime";
  src:
    url("/assets/fonts/courier-prime/CourierPrime-Italic.woff2") format("woff2"),
    url("/assets/fonts/courier-prime/CourierPrime-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Courier Prime";
  src:
    url("/assets/fonts/courier-prime/CourierPrime-BoldItalic.woff2") format("woff2"),
    url("/assets/fonts/courier-prime/CourierPrime-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Stretch Pro";
  src: url("/assets/fonts/StretchPro.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Typefesse";
  src:
    local("Stretch Pro"),
    url("/assets/fonts/StretchPro.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --font-body: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-display: "Stretch Pro", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  --font-heading: var(--font-display) !important;
}