/*
--------------
Graphik (export webfont) con la misma regla que antes:
- 300 = archivo light
- normal, 400, 500, 600, 700 y bold = mismo archivo regular (evita síntesis y mantiene el aspecto previo)
--------------
*/

/* Graphik Light */
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-light-webfont.woff2') format('woff2'),
       url('../fonts/graphik-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Graphik Regular */
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-regular-webfont.woff2') format('woff2'),
       url('../fonts/graphik-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Mismo archivo regular para 400, 500, 600, 700 (bold) */
@font-face {
  font-family: 'Graphik';
  src: url('../fonts/graphik-regular-webfont.woff2') format('woff2'),
       url('../fonts/graphik-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

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