/* ======================
   OPEN SANS
====================== */

/* Regular 400 */
@font-face {
  font-family: 'Open Sans';
  src: url('./open-sans-v44-latin-regular.woff2') format('woff2'),
       url('./open-sans-v44-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Medium 500 */
@font-face {
  font-family: 'Open Sans';
  src: url('./open-sans-v44-latin-500.woff2') format('woff2'),
       url('./open-sans-v44-latin-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Light 300 (si lo usas) */
@font-face {
  font-family: 'Open Sans';
  src: url('./open-sans-v44-latin-300.woff2') format('woff2'),
       url('./open-sans-v44-latin-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* ======================
   ROBOTO
====================== */

/* Medium 500 */
@font-face {
  font-family: 'Roboto';
  src: url('./roboto-v30-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Bold 700 */
@font-face {
  font-family: 'Roboto';
  src: url('./roboto-v30-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Black 900 */
@font-face {
  font-family: 'Roboto';
  src: url('./roboto-v30-latin-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}