/*900 700 500 400 300 200 */

@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 900; /*Black*/
  src: var(--font-black) format('woff2');
}
@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 700; /*Bold*/
  src: var(--font-bold) format('woff2');
}

/* 
@font-face {
  font-weight: 800; ExtraBold
}
@font-face {
  font-weight: 200; ExtraLight
} 
*/

/* ERKA 700 */
@font-face {
  font-display: swap; 
  font-family: 'Erka1';
  font-style: normal;
  font-weight: 700; /*Bold*/
  src: var(--font-erka) format('woff2');
} 

@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 500; /*Medium*/
  src: var(--font-medium) format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 400; /*Regular*/
  src: var(--font-regular) format('woff2');
} 

@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 300; /*Light*/
  src: var(--font-light) format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 200; /*Thin*/
  src: var(--font-thin) format('woff2');
}