/**
 * First Technology — self-hosted webfonts
 *
 * Poppins (headings, navigation, buttons, prices) and Roboto (body copy) are the
 * two families used on first-technology.co.uk. Latin subset only.
 *
 * Roboto is shipped as a variable font: one file covers 100-900, so there is no
 * separate file per weight.
 *
 * Do not add families here without removing one. Every extra family is a render-
 * blocking request and a chance for the design to drift.
 */

/* ---------------------------------------------------------------- Poppins -- */

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ----------------------------------------------------------------- Roboto -- */

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Variable.woff2') format('woff2-variations'),
         url('../fonts/roboto/Roboto-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ------------------------------------------------- MageBig icon font (keep) -- */

@font-face {
    font-family: 'mbicon';
    src: url('../fonts/mbicon/mbicon.woff2') format('woff2'),
         url('../fonts/mbicon/mbicon.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}