/*
  Webfont policy:
  - Keep only 400/700.
  - Preload only 400.
*/

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

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

@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ibm-plex-sans-jp/ibm-plex-sans-jp-400.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ibm-plex-sans-jp/ibm-plex-sans-jp-700.woff2") format("woff2");
}

:root {
  --site-font-sans: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html:lang(ja) {
  --site-font-sans: "IBM Plex Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}