/* ============================================================
   Google Sans web fonts
   ------------------------------------------------------------
   WOFF2 is listed first and TTF kept as a fallback: every browser
   released since ~2016 supports WOFF2 and will download only that
   (~75% smaller than the TTF). Older browsers silently fall back
   to the original TTF, so no glyph coverage is lost.

   font-display: swap renders text immediately in the fallback face
   and swaps in Google Sans when it arrives, instead of holding the
   text invisible while the font downloads.
   ============================================================ */

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Regular.woff2') format('woff2'),
         url('../fonts/GoogleSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Medium.woff2') format('woff2'),
         url('../fonts/GoogleSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-SemiBold.woff2') format('woff2'),
         url('../fonts/GoogleSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Bold.woff2') format('woff2'),
         url('../fonts/GoogleSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}