// Fonts
// --------------------------------------------------
// PatternFly uses RedHatText - https://github.com/RedHatOfficial/RedHatFont

// stylelint-disable font-family-name-quotes

@font-face {
  font-family: "RedHatDisplay";
  src:
    url("#{$pf-global--font-path}/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"),
    url("#{$pf-global--font-path}/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizelegibility;
}

@font-face {
  font-family: "RedHatDisplay";
  src:
    url("#{$pf-global--font-path}/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"),
    url("#{$pf-global--font-path}/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizelegibility;
}

@font-face {
  font-family: "RedHatDisplay";
  src:
    url("#{$pf-global--font-path}/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"),
    url("#{$pf-global--font-path}/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizelegibility;
}

@font-face {
  font-family: "RedHatText";
  src:
    url("#{$pf-global--font-path}/RedHatText/RedHatText-Regular.woff2") format("woff2"),
    url("#{$pf-global--font-path}/RedHatText/RedHatText-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizelegibility;
}

@font-face {
  font-family: "RedHatText";
  src:
    url("#{$pf-global--font-path}/RedHatText/RedHatText-Medium.woff2") format("woff2"),
    url("#{$pf-global--font-path}/RedHatText/RedHatText-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizelegibility;
}

// RedHatFont-updated
@font-face {
  font-family: "RedHatDisplayUpdated";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizelegibility;
}

@font-face {
  font-family: "RedHatDisplayUpdated";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizelegibility;
}

@font-face {
  font-family: "RedHatDisplayUpdated";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizelegibility;
}

@font-face {
  font-family: "RedHatTextUpdated";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizelegibility;
}

@font-face {
  font-family: "RedHatTextUpdated";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizelegibility;
}

// RedHatMono
@font-face {
  font-family: "RedHatMono";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
}

// Variable fonts
@font-face {
  font-family: "RedHatDisplayVF";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 300 900;
  font-display: fallback;
}

@font-face {
  font-family: "RedHatDisplayVF";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
  font-style: italic;
  font-weight: 300 900;
  font-display: fallback;
}

@font-face {
  font-family: "RedHatTextVF";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 400 500;
  font-display: fallback;
}

@font-face {
  font-family: "RedHatTextVF";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
  font-style: italic;
  font-weight: 400 500;
  font-display: fallback;
}

@font-face {
  font-family: "RedHatMonoVF";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 300 700;
  font-display: fallback;
}

@font-face {
  font-family: "RedHatMonoVF";
  src: url("#{$pf-global--font-path}/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
  font-style: italic;
  font-weight: 300 700;
  font-display: fallback;
}

// remove in breaking change
@if $pf-global--enable-font-overpass-cdn {
  // stylelint-disable no-invalid-position-at-import-rule
  @import "https://fonts.googleapis.com/css?family=Overpass|Overpass+Mono";
  // stylelint-enable no-invalid-position-at-import-rule
} @else {
  @font-face {
    font-family: "overpass";
    font-style: normal;
    font-weight: 200;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-thin.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-thin.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: italic;
    font-weight: 200;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-thin-italic.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-thin-italic.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: normal;
    font-weight: 300;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-extralight.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-extralight.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: italic;
    font-weight: 300;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-extralight-italic.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-extralight-italic.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: normal;
    font-weight: 400;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-light.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-light.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: italic;
    font-weight: 400;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-light-italic.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-light-italic.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: normal;
    font-weight: 500;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-regular.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-regular.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: italic;
    font-weight: 500;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-italic.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-italic.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: normal;
    font-weight: 600;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-semibold.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-semibold.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: italic;
    font-weight: 600;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-semibold-italic.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-semibold-italic.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: normal;
    font-weight: 700;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-bold.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-bold.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: italic;
    font-weight: 700;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-bold-italic.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-bold-italic.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: normal;
    font-weight: 800;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-extrabold.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-extrabold.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: italic;
    font-weight: 800;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-extrabold-italic.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-extrabold-italic.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: normal;
    font-weight: 900;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-heavy.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-heavy.woff") format("woff");
  }

  @font-face {
    font-family: "overpass";
    font-style: italic;
    font-weight: 900;
    src:
      url("#{$pf-global--font-path}/overpass-webfont/overpass-heavy-italic.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-webfont/overpass-heavy-italic.woff") format("woff");
  }


  // Overpass Mono
  @font-face {
    font-family: "overpass-mono";
    font-style: normal;
    font-weight: 300;
    src:
      url("#{$pf-global--font-path}/overpass-mono-webfont/overpass-mono-light.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-mono-webfont/overpass-mono-light.woff") format("woff");
  }

  @font-face {
    font-family: "overpass-mono";
    font-style: normal;
    font-weight: 400;
    src:
      url("#{$pf-global--font-path}/overpass-mono-webfont/overpass-mono-regular.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-mono-webfont/overpass-mono-regular.woff") format("woff");
  }

  @font-face {
    font-family: "overpass-mono";
    font-style: normal;
    font-weight: 500;
    src:
      url("#{$pf-global--font-path}/overpass-mono-webfont/overpass-mono-semibold.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-mono-webfont/overpass-mono-semibold.woff") format("woff");
  }

  @font-face {
    font-family: "overpass-mono";
    font-style: normal;
    font-weight: 600;
    src:
      url("#{$pf-global--font-path}/overpass-mono-webfont/overpass-mono-bold.woff2") format("woff2"),
      url("#{$pf-global--font-path}/overpass-mono-webfont/overpass-mono-bold.woff") format("woff");
  }
}
// stylelint-enable
