/*
 * Self-hosted Noto Sans and Noto Sans Lao.
 *
 * WHY NOT THE GOOGLE FONTS CDN
 * The app has to work in a garden with no signal. A service worker can cache a
 * CDN response, but only after a successful online fetch — so the first load
 * would still need fonts.googleapis.com to be fast and reachable from Laos,
 * and neither is guaranteed. Self-hosting removes the question.
 *
 * It also removes a third-party request carrying respondent-facing pages'
 * referrer to Google on every page load, which is one fewer thing to explain
 * in a data-protection conversation.
 *
 * Only the weights actually used (400/500/600) and only the Latin and Lao
 * subsets. The whole set is 67 KB, versus roughly 300 KB for the full families.
 *
 * font-display: swap — text renders immediately in a fallback and reflows when
 * the font arrives. On a slow connection the alternative is an invisible
 * interface, which is worse than a brief change of typeface.
 */

/* ---- Noto Sans (Latin) ---- */

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("noto-sans-latin-400-normal.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+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("noto-sans-latin-500-normal.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+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("noto-sans-latin-600-normal.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+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---- Noto Sans Lao ----
 *
 * Declared under the SAME family name, distinguished only by unicode-range.
 * The browser then picks the Lao face for Lao codepoints and the Latin face
 * for everything else, within one run of text — which matters constantly here,
 * because the interface is bilingual and a single label routinely contains
 * both.
 */

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("noto-sans-lao-lao-400-normal.woff2") format("woff2");
  unicode-range: U+0E81-0EDF, U+200B-200D, U+25CC;
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("noto-sans-lao-lao-500-normal.woff2") format("woff2");
  unicode-range: U+0E81-0EDF, U+200B-200D, U+25CC;
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("noto-sans-lao-lao-600-normal.woff2") format("woff2");
  unicode-range: U+0E81-0EDF, U+200B-200D, U+25CC;
}