/*
  Knowledge Fabric: type.

  Text is Open Sans and titles (every h1 to h6) are Cerebri Sans SemiBold. Both are served from
  the site's own assets/fonts. The shared page.min.css still @imports Open Sans and Dosis from
  Google Fonts for the pages that don't load this file (the blog), but some browsers and networks
  block Google Fonts, and the page then falls back to the system font. The faces below are
  declared after that import, so they are the ones used.

  Open Sans: Fontsource 5.2.7, Latin subset, SIL Open Font License (../fonts/open-sans/OFL.txt).
  Cerebri Sans SemiBold: Hanken Design Co., commercial licence (https://hanken.co/eula).

  Load this after page.min.css and style.css.
*/

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/open-sans/open-sans-300.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/open-sans/open-sans-400.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/open-sans/open-sans-600.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/open-sans/open-sans-700.woff2") format("woff2");
}

/* The only Cerebri face. Its weight range takes in the theme's bold headings (700), so the
   browser uses the real SemiBold rather than thickening it into a fake bold. */
@font-face {
  font-family: "Cerebri Sans";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("../fonts/cerebri-sans/cerebri-sans-600.woff2") format("woff2");
}

/* The theme sets these in Dosis, at weights from 200 to 600 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4,
.font-title {
  font-family: "Cerebri Sans", "Open Sans", sans-serif;
  font-weight: 600;
}