/* Fira Code - Monospaced (Festbreitenschrift) */
@supports not (font-variation-settings: normal) {

  /* Regular (300) */
  @font-face {
    font-family: 'Fira Code';
    src: url('FiraCode-Light.woff2') format('woff2'),
      url("FiraCode-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  /* REGULAR (400) */
  @font-face {
    font-family: 'Fira Code';
    src: url('FiraCode-Regular.woff2') format('woff2'),
      url('FiraCode-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  /* MEDIUM (500) */
  @font-face {
    font-family: 'Fira Code';
    src: url('FiraCode-Medium.woff2') format('woff2'),
      url('FiraCode-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  /* SEMIBOLD (600) */
  @font-face {
    font-family: 'Fira Code';
    src: url('FiraCode-SemiBold.woff2') format('woff2'),
      url("FiraCode-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }


  /* BOLD (700) */
  @font-face {
    font-family: 'Fira Code';
    src: url('FiraCode-Bold.woff2') format('woff2'),
      url('FiraCode-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
}

/* VARIABLE (100 - 900) */
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: 'Fira Code';
    src: url('FiraCode-VF.woff2') format('woff2-variations'),
      url('FiraCode-VF.woff') format('woff-variations');
    /* font-weight requires a range: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide#Using_a_variable_font_font-face_changes */
    /* font-weight: 100 900; */
    font-style: normal;
    font-display: swap;
  }
}