/* ---------------------------------------------------------------------------
 * The icon fonts, served from this box.
 *
 * These used to come from fonts.googleapis.com on every page load, and when that
 * host is slow, blocked, or simply not resolving -- a corporate network, a
 * clinic's DNS, an air-gapped install -- the icons do not arrive and the UI
 * renders its ligature names as words: "chevron_right" printed where an arrow
 * belongs. A stylesheet from a third party is also a render-blocking dependency
 * on someone else's uptime for a page that has no other reason to leave the
 * origin.
 *
 * So the fonts are vendored. Same families, same class names, same ligature
 * behavior, no external request. The declarations below are the ones Google
 * serves, with the src pointing next door.
 *
 * Provenance, for whoever refreshes these:
 *   material-icons.woff2               npm material-icons@1.13.14 (iconfont/)
 *   material-symbols-outlined.woff2    npm material-symbols@0.47.1
 *   audiowide-*.woff2                  npm @fontsource/audiowide@5.3.0
 * Licences sit beside them: Apache 2.0 for the two Material families, SIL OFL
 * for Audiowide.
 *
 * Material Symbols is the variable font covering the whole opsz/wght/FILL/GRAD
 * range the app asked Google for, so it is ~4 MB. That is the same file Google
 * was serving for that request; self-hosting does not add weight, it removes a
 * dependency. font-display: block on the icon faces is deliberate -- an icon
 * font that swaps shows the ligature name as text first, which is worse than a
 * blank box for the moment it takes to load.
 * ------------------------------------------------------------------------- */

/* ---- Material Icons (filled) -- <i class="material-icons">home</i> -------- */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('./material-icons.woff2') format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

/* ---- Material Symbols Outlined -- <span class="material-symbols-outlined"> */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('./material-symbols-outlined.woff2') format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  /* The axes Google's URL asked for, at their defaults. Override per element. */
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* ---- Audiowide -- the synthwave display face on the sunset canvas --------- */
/* swap here, not block: this one is real text, and text is better read late
   than not at all. */
@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./audiowide-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./audiowide-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+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}