/* Self-hosted, variable-weight fonts. Font files and licenses travel offline. */
@font-face {
  font-family: "Explorer Manrope";
  src: url("./manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Explorer Noto SC";
  src: url("./noto-sans-sc-ui.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Explorer Noto TC";
  src: url("./noto-sans-tc-ui.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-body: "Explorer Manrope", "Explorer Noto SC", sans-serif;
  --font-display: "Explorer Manrope", "Explorer Noto SC", sans-serif;
}
html:lang(zh-TW), html:lang(zh-HK), html:lang(zh-MO), html:lang(zh-Hant) {
  --font-body: "Explorer Manrope", "Explorer Noto TC", "Explorer Noto SC", sans-serif;
  --font-display: "Explorer Manrope", "Explorer Noto TC", "Explorer Noto SC", sans-serif;
}
body { font-family: var(--font-body); }
button, input, textarea, select { font-family: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); }