/*
 * Typography (section 7).
 *
 * Segoe UI is a Microsoft system font and is never served: it renders natively
 * wherever it is installed. Selawik is Microsoft's open-source, metric-compatible
 * companion (SIL OFL 1.1, see resources/fonts/selawik/OFL.txt) and is self-hosted
 * as the official, unmodified WOFF2 files. The OFL reserves the name "Selawik"
 * for unmodified fonts, so the files must not be subset or altered.
 *
 * The "Selawik Fallback" faces map local Arial-metric (Arial, Liberation Sans,
 * Arimo) and Roboto fonts onto Selawik's metrics, so swapping to the web font
 * causes no layout shift. Each weight band uses the matching real face (never
 * synthetic bold, which renders about 6% narrower than Selawik Bold).
 * size-adjust is the ratio of rendered widths of the site's own copy in
 * Chrome (Selawik ÷ fallback, per weight); ascent/descent overrides are
 * Selawik's hhea ascent 2027 and descent 431 (of 2048 units per em) divided
 * by that size-adjust. Re-measure if the fallback stack changes.
 */

@font-face {
    font-family: 'Selawik';
    src: url('../../fonts/selawik/selawik-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Selawik';
    src: url('../../fonts/selawik/selawik-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Selawik';
    src: url('../../fonts/selawik/selawik-semibold.woff2') format('woff2');
    font-weight: 500 600;
    font-style: normal;
    font-display: swap;
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Selawik';
    src: url('../../fonts/selawik/selawik-bold.woff2') format('woff2');
    font-weight: 700 800;
    font-style: normal;
    font-display: swap;
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Selawik Fallback';
    src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('LiberationSans'), local('Arimo');
    font-weight: 100 400;
    size-adjust: 98.75%;
    ascent-override: 100.23%;
    descent-override: 21.31%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Selawik Fallback';
    src:
        local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('LiberationSans-Bold'),
        local('Arimo Bold'), local('Arimo-Bold');
    font-weight: 500 600;
    size-adjust: 96.71%;
    ascent-override: 102.34%;
    descent-override: 21.76%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Selawik Fallback';
    src:
        local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('LiberationSans-Bold'),
        local('Arimo Bold'), local('Arimo-Bold');
    font-weight: 700 900;
    size-adjust: 99.52%;
    ascent-override: 99.45%;
    descent-override: 21.15%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Selawik Fallback Roboto';
    src: local('Roboto'), local('Roboto-Regular');
    font-weight: 100 400;
    size-adjust: 99.65%;
    ascent-override: 99.32%;
    descent-override: 21.12%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Selawik Fallback Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium');
    font-weight: 500 600;
    size-adjust: 103.14%;
    ascent-override: 95.96%;
    descent-override: 20.4%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Selawik Fallback Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold');
    font-weight: 700 900;
    size-adjust: 105.32%;
    ascent-override: 93.98%;
    descent-override: 19.98%;
    line-gap-override: 0%;
}