/* pero-100 - latin */
@font-face {
  font-family: "Pero";
  font-style: normal;
  font-weight: 100;
  src: url("../../fonts/pero-light.eot"); /* IE9 Compat Modes */
  src: local(""),
       url("../../fonts/pero-light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../../fonts/pero-light.woff2") format("woff2"), /* Super Modern Browsers */
       url("../../fonts/pero-light.woff") format("woff"), /* Modern Browsers */
       url("../../fonts/pero-light.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../../fonts/pero-light.svg#Pero") format("svg"); /* Legacy iOS */
  font-display: swap;
}

/* pero-400 - latin */
@font-face {
  font-family: "Pero";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/pero-regular.eot"); /* IE9 Compat Modes */
  src: local(""),
       url("../../fonts/pero-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../../fonts/pero-regular.woff2") format("woff2"), /* Super Modern Browsers */
       url("../../fonts/pero-regular.woff") format("woff"), /* Modern Browsers */
       url("../../fonts/pero-regular.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../../fonts/pero-regular.svg#Pero") format("svg"); /* Legacy iOS */
  font-display: swap;
}

/* pero-600 - latin */
@font-face {
  font-family: "Pero";
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/pero-bold.eot"); /* IE9 Compat Modes */
  src: local(""),
       url("../../fonts/pero-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../../fonts/pero-bold.woff2") format("woff2"), /* Super Modern Browsers */
       url("../../fonts/pero-bold.woff") format("woff"), /* Modern Browsers */
       url("../../fonts/pero-bold.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../../fonts/pero-bold.svg#Pero") format("svg"); /* Legacy iOS */
  font-display: swap;
}

/* pero-800 - latin */
@font-face {
  font-family: "Pero";
  font-style: normal;
  font-weight: 800;
  src: url("../../fonts/pero-extrabold.eot"); /* IE9 Compat Modes */
  src: local(""),
       url("../../fonts/pero-extrabold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../../fonts/pero-extrabold.woff2") format("woff2"), /* Super Modern Browsers */
       url("../../fonts/pero-extrabold.woff") format("woff"), /* Modern Browsers */
       url("../../fonts/pero-extrabold.ttf") format("truetype"), /* Safari, Android, iOS */
       url("../../fonts/pero-extrabold.svg#Pero") format("svg"); /* Legacy iOS */
  font-display: swap;
}

:root {
  --font-family-body: "Pero", sans-serif;
  --font-family-headings: "Pero", sans-serif;
  --font-weight-headings: 600;
  --font-weight-light: 100;
  --font-weight-normal: 300;
  --font-weight-bold: 600;
  --font-weight-black: 800;
}