/* The i18n layer should set <html lang="...">. Font files are served from src/fonts. */
@font-face {
  font-family: "Fusion Pixel 10px Mono latin";
  src: url("/fonts/fusion-pixel-10px-monospaced-latin.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 10px Mono zh-Hans";
  src: url("/fonts/fusion-pixel-10px-monospaced-zh_hans.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 10px Mono zh-Hant";
  src: url("/fonts/fusion-pixel-10px-monospaced-zh_hant.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 10px Mono zh-HK";
  src: url("/fonts/fusion-pixel-10px-monospaced-zh_hk.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 10px Mono zh-TW";
  src: url("/fonts/fusion-pixel-10px-monospaced-zh_tw.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 10px Mono ja";
  src: url("/fonts/fusion-pixel-10px-monospaced-ja.otf.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 10px Mono ko";
  src: url("/fonts/fusion-pixel-10px-monospaced-ko.otf.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 12px Mono latin";
  src: url("/fonts/fusion-pixel-12px-monospaced-latin.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 12px Mono zh-Hans";
  src: url("/fonts/fusion-pixel-12px-monospaced-zh_hans.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 12px Mono zh-Hant";
  src: url("/fonts/fusion-pixel-12px-monospaced-zh_hant.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 12px Mono zh-HK";
  src: url("/fonts/fusion-pixel-12px-monospaced-zh_hk.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 12px Mono zh-TW";
  src: url("/fonts/fusion-pixel-12px-monospaced-zh_tw.otf.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 12px Mono ja";
  src: url("/fonts/fusion-pixel-12px-monospaced-ja.otf.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Fusion Pixel 12px Mono ko";
  src: url("/fonts/fusion-pixel-12px-monospaced-ko.otf.woff2") format("woff2");
  font-display: swap;
}

:root {
  --site-font: "Fusion Pixel 12px Mono latin", system-ui, sans-serif;
  --site-font-10px: "Fusion Pixel 10px Mono latin", system-ui, sans-serif;
}

html:lang(zh) {
  --site-font: "Fusion Pixel 12px Mono zh-Hans", system-ui, sans-serif;
  --site-font-10px: "Fusion Pixel 10px Mono zh-Hans", system-ui, sans-serif;
}

html:lang(zh-HK) {
  --site-font: "Fusion Pixel 12px Mono zh-HK", system-ui, sans-serif;
  --site-font-10px: "Fusion Pixel 10px Mono zh-HK", system-ui, sans-serif;
}

html:lang(zh-TW) {
  --site-font: "Fusion Pixel 12px Mono zh-TW", system-ui, sans-serif;
  --site-font-10px: "Fusion Pixel 10px Mono zh-TW", system-ui, sans-serif;
}

html:lang(ko) {
  --site-font: "Fusion Pixel 12px Mono ko", system-ui, sans-serif;
  --site-font-10px: "Fusion Pixel 10px Mono ko", system-ui, sans-serif;
}

html:lang(ja) {
  --site-font: "Fusion Pixel 12px Mono ja", system-ui, sans-serif;
  --site-font-10px: "Fusion Pixel 10px Mono ja", system-ui, sans-serif;
}