@import url("./josefin-sans.css");
@import url("./merriweather.css");
@import url("./noto-sans-sc.css");
@import url("./noto-serif-sc.css");

/*
 * CMCF web fonts — main app entry (no Google Fonts CDN)
 * Overpass + JetBrains Mono: Latin variable
 * Josefin Sans / Merriweather / Noto Sans SC / Noto Serif SC: from pack under ./fonts/
 */

@font-face {
  font-family: "Overpass";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/overpass-latin-variable.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Alias for existing app stacks that name "Overpass Variable". */
@font-face {
  font-family: "Overpass Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/overpass-latin-variable.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Italic from the previous self-hosted Overpass pack. */
@font-face {
  font-family: "Overpass";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/overpass/fonts/overpass-latin-wght-italic.woff2")
    format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Overpass Variable";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/overpass/fonts/overpass-latin-wght-italic.woff2")
    format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("./fonts/jetbrains-mono-latin-variable.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
    U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-english: "Overpass Variable", "Overpass", Arial, sans-serif;
  --font-numeric: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo,
    Monaco, Consolas, monospace;
  --font-brand: "Josefin Sans", "Overpass Variable", "Overpass", Arial, sans-serif;
  --font-serif-en: "Merriweather", Georgia, serif;
  --font-sans-sc: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-serif-sc: "Noto Serif SC", "Songti SC", "STSong", serif;
}

.font-english {
  font-family: var(--font-english);
}

.font-numeric {
  font-family: var(--font-numeric);
  font-variant-numeric: lining-nums tabular-nums;
}

.font-brand {
  font-family: var(--font-brand);
}

.font-serif-en {
  font-family: var(--font-serif-en);
}

.font-sans-sc {
  font-family: var(--font-sans-sc);
}

.font-serif-sc {
  font-family: var(--font-serif-sc);
}