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

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

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

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

/* POPPINS - Extrabold (800) */
@font-face {
  font-family: 'Poppins';
  src: url('./fonts/poppins/poppins-800-latin.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ROBOTO - Regular (400) + Bold (700) use same Latin file */
@font-face {
  font-family: 'Roboto';
  src: url('./fonts/roboto/roboto-latin.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}