/* Self-hosted Google Fonts (Roboto, Oswald, Bangers, Poppins, Nunito,
   Lato — latin subset). Replaces fonts.googleapis.com /
   fonts.gstatic.com loads so the site does not leak the visitor's IP
   and Referer to Google before they accept cookies.

   Roboto, Oswald, and Nunito are served as variable fonts (weight
   axis), so a single woff2 file covers every weight we need. Poppins
   and Lato are not variable on Google Fonts, so each weight is a
   separate static woff2 file. Lato 600 / 800 are not published by
   Google; the browser will synthesize them from the closest available
   weight (700), matching the previous behaviour when style.css
   imported Lato directly from Google. */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/roboto-variable.woff2') format('woff2-variations'),
         url('../fonts/roboto-variable.woff2') format('woff2');
}
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('../fonts/oswald-variable.woff2') format('woff2-variations'),
         url('../fonts/oswald-variable.woff2') format('woff2');
}
@font-face {
    font-family: 'Bangers';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/bangers-regular-400.woff2') format('woff2');
}

/* Poppins — static per-weight files (Google does not publish a
   variable Poppins on its css2 endpoint). */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('../fonts/poppins-thin-100.woff2') format('woff2');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/poppins-extralight-200.woff2') format('woff2');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/poppins-regular-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/poppins-medium-500.woff2') format('woff2');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins-semibold-600.woff2') format('woff2');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/poppins-bold-700.woff2') format('woff2');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/poppins-extrabold-800.woff2') format('woff2');
}

/* Nunito — variable font, weight axis 200..1000. */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../fonts/nunito-variable.woff2') format('woff2-variations'),
         url('../fonts/nunito-variable.woff2') format('woff2');
}

/* Lato — static per-weight files. Google publishes 300 / 400 / 700
   only; 600 and 800 (referenced by style.css) get synthesized by the
   browser from 700, same as before. */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/lato-light-300.woff2') format('woff2');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/lato-regular-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/lato-bold-700.woff2') format('woff2');
}