/*
 * The portal's web fonts, served from static/fonts/ instead of Google Fonts
 * (2026-10-04, Rex: host the needed css/js locally and "not reach out to
 * another server for them"). Loaded by PageBuilder in place of the three
 * fonts.googleapis.com stylesheets; the family names and the .material-icons
 * rules are the ones Google's stylesheets declared, so nothing else changes.
 *
 * Inter: the variable build (weights 100-900; the portal uses 400-700) from
 *   @fontsource-variable/inter 5.3.0, latin and latin-ext subsets with
 *   Google's unicode ranges. SIL Open Font License: fonts/LICENSE-inter.txt.
 * Material Icons / Material Icons Outlined: material-icons 1.13.14 (Google's
 *   icon fonts). Apache 2.0: fonts/LICENSE-material-icons.txt.
 */

/* latin-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-ext-wght-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;
}

/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/inter-latin-wght-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;
}

/* block: an icon is a word ("shopping_cart") until its font arrives; better
   blank for that moment than the word. */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/material-icons.woff2") format("woff2");
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/material-icons-outlined.woff2") format("woff2");
}

.material-icons,
.material-icons-outlined {
    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-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
}
