/* Gipsy Neue Regrade Font Family */

/* Light */
@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-Light.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-Light.woff") format("woff"), url("../fonts/GipsyNeueRegrade-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-LightItalic.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-LightItalic.woff") format("woff"), url("../fonts/GipsyNeueRegrade-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular */
@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-Regular.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-Regular.woff") format("woff"), url("../fonts/GipsyNeueRegrade-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-RegIta.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-RegIta.woff") format("woff"), url("../fonts/GipsyNeueRegrade-RegIta.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-Medium.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-Medium.woff") format("woff"), url("../fonts/GipsyNeueRegrade-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-MediumItalic.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-MediumItalic.woff") format("woff"), url("../fonts/GipsyNeueRegrade-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Semibold */
@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-Semibold.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-Semibold.woff") format("woff"), url("../fonts/GipsyNeueRegrade-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-SemBdIta.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-SemBdIta.woff") format("woff"), url("../fonts/GipsyNeueRegrade-SemBdIta.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-Bold.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-Bold.woff") format("woff"), url("../fonts/GipsyNeueRegrade-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-BoldItalic.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-BoldItalic.woff") format("woff"), url("../fonts/GipsyNeueRegrade-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Extrabold */
@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-Extrabold.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-Extrabold.woff") format("woff"), url("../fonts/GipsyNeueRegrade-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gipsy Neue Regrade";
  src: url("../fonts/web/GipsyNeueRegrade-ExtBdIta.woff2") format("woff2"), url("../fonts/web/GipsyNeueRegrade-ExtBdIta.woff") format("woff"), url("../fonts/GipsyNeueRegrade-ExtBdIta.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Font utility classes */
.font-light {
  font-weight: 300;
}
.font-regular {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}