/* For old browsers, regular (400) + bold (700) */
@supports not (font-variation-settings: normal) {
  @font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('./manrope/manrope-v15-cyrillic_latin-regular.woff2') format('woff2'),
         url('./manrope/manrope-v15-cyrillic_latin-regular.ttf') format('truetype');
  }
  @font-face {
    font-display: swap;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: url('./manrope/manrope-v15-cyrillic_latin-700.woff2') format('woff2'),
         url('./manrope/manrope-v15-cyrillic_latin-700.ttf') format('truetype');
  }
  @font-face {
    font-display: swap;
    font-family: 'El Messiri';
    font-style: normal;
    font-weight: 400;
    src: url('./el-messiri/el-messiri-v22-cyrillic_latin-regular.woff2') format('woff2'),
         url('./el-messiri/el-messiri-v22-cyrillic_latin-regular.ttf') format('truetype');
  }
  @font-face {
    font-display: swap;
    font-family: 'El Messiri';
    font-style: normal;
    font-weight: 700;
    src: url('./el-messiri/el-messiri-v22-cyrillic_latin-700.woff2') format('woff2'),
         url('./el-messiri/el-messiri-v22-cyrillic_latin-700.ttf') format('truetype');
  }
}

/* For for modern browsers, all weights */
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: 'Manrope';
    src: url('./manrope/manrope-variable.ttf') format("truetype-variations");
    font-weight: 200 800;
  }
  @font-face {
    font-family: 'El Messiri';
    src: url('./el-messiri/el-messiri-variable.ttf') format("truetype-variations");
    font-weight: 400 700;
  }
}