/**
 * Self-hosted web fonts, shared across the site.
 *
 * Replaces <link href="https://fonts.googleapis.com/css?family=Roboto:wght@500|Marcellus">.
 * The reason is the same one that brought Font Awesome in-house (see the comment above the
 * <link> in player/beta.php): sw-400.js could precache the Google STYLESHEET but never the
 * fonts.gstatic.com woff2 files it points at, because those URLs are only discoverable by
 * parsing the stylesheet the browser had just fetched. An installed Player that went offline
 * therefore had the @font-face rules and no font data, and every `font-family: Marcellus,serif`
 * in player-styles-400.css - the whole off-canvas menu, the login form, project titles - fell
 * back to the device serif. Hosting the files on our own origin makes them ordinary same-origin
 * assets the worker can list.
 *
 * Secondary fixes that came with the move:
 *
 *  - The old URL mixed API versions: `?family=...:wght@500` is css2 syntax on the css (v1)
 *    endpoint, so the weight was silently ignored and Google served Roboto 400. The
 *    `font-weight: 500` on #miboton/.optionbtn was being faked by the browser's synthetic bold.
 *    The file below is the real 500 instance.
 *
 *  - v1 also served every subset it had - cyrillic, greek, math, symbols, vietnamese - nine
 *    Roboto faces where the app's five languages (en/es/fr/de/it) need two. Only latin and
 *    latin-ext are kept here.
 *
 * font-display: swap so text paints in the fallback immediately rather than staying invisible
 * for up to 3 s; this is also what the old Google URL did NOT do (v1 omits it), so the menu
 * used to flash empty on a slow link.
 *
 * Sources (pinned by the version in each filename - re-download from these if ever updating):
 *   Marcellus 400 v14  https://fonts.google.com/specimen/Marcellus
 *   Roboto    500 v51  https://fonts.google.com/specimen/Roboto
 * unicode-range values are copied verbatim from the Google stylesheet.
 */

/* Marcellus 400 - the display face: menu, headings, project titles, buttons. */
@font-face {
    font-family: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(marcellus-v14-latin-400.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;
}
@font-face {
    font-family: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(marcellus-v14-latin-ext-400.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;
}

/* Roboto 500 - UI buttons only (#miboton, #miok, .optionbtn). */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(roboto-v51-latin-500.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;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(roboto-v51-latin-ext-500.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;
}