/* TomatoGrotesk font family: local assets under /public/fonts */
/* Performance hint */
/* stylelint-disable property-no-unknown */

/* Thin */
@font-face {
  font-family: "TomatoGrotesk Thin";
  src: url("../fonts/TomatoGrotesk-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* Thin Italic */
@font-face {
  font-family: "TomatoGrotesk Thin Italic";
  src: url("../fonts/TomatoGrotesk-ThinSlanted.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* Extra Light */
@font-face {
  font-family: "TomatoGrotesk Extra Light";
  src: url("../fonts/TomatoGrotesk-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Extra Light Italic */
@font-face {
  font-family: "TomatoGrotesk Extra Light Italic";
  src: url("../fonts/TomatoGrotesk-ExtraLightSlanted.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* Light */
@font-face {
  font-family: "TomatoGrotesk Light";
  src: url("../fonts/TomatoGrotesk-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Light Italic */
@font-face {
  font-family: "TomatoGrotesk Light Italic";
  src: url("../fonts/TomatoGrotesk-LightSlanted.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular */
@font-face {
  font-family: "TomatoGrotesk Regular";
  src: url("../fonts/TomatoGrotesk-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Italic */
@font-face {
  font-family: "TomatoGrotesk Italic";
  src: url("../fonts/TomatoGrotesk-Slanted.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Medium */
@font-face {
  font-family: "TomatoGrotesk Medium";
  src: url("../fonts/TomatoGrotesk-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Medium Italic */
@font-face {
  font-family: "TomatoGrotesk Medium Italic";
  src: url("../fonts/TomatoGrotesk-MediumSlanted.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: "TomatoGrotesk Bold";
  src: url("../fonts/TomatoGrotesk-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Bold Italic */
@font-face {
  font-family: "TomatoGrotesk Bold Italic";
  src: url("../fonts/TomatoGrotesk-BoldSlanted.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Extra Bold */
@font-face {
  font-family: "TomatoGrotesk Extra Bold";
  src: url("../fonts/TomatoGrotesk-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Extra Bold Italic */
@font-face {
  font-family: "TomatoGrotesk Extra Bold Italic";
  src: url("../fonts/TomatoGrotesk-ExtraBoldSlanted.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* Black */
@font-face {
  font-family: "TomatoGrotesk Black";
  src: url("../fonts/TomatoGrotesk-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Black Italic */
@font-face {
  font-family: "TomatoGrotesk Black Italic";
  src: url("../fonts/TomatoGrotesk-BlackSlanted.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Utility classes to apply fonts quickly */
.thin-font { font-family: "TomatoGrotesk Thin", sans-serif; font-weight: 100; }
.thin-italic-font { font-family: "TomatoGrotesk Thin Italic", sans-serif; font-weight: 100; font-style: italic; }
.extra-light-font { font-family: "TomatoGrotesk Extra Light", sans-serif; font-weight: 200; }
.extra-light-italic-font { font-family: "TomatoGrotesk Extra Light Italic", sans-serif; font-weight: 200; font-style: italic; }
.light-font { font-family: "TomatoGrotesk Light", sans-serif; font-weight: 300; }
.light-italic-font { font-family: "TomatoGrotesk Light Italic", sans-serif; font-weight: 300; font-style: italic; }
.regular-font { font-family: "TomatoGrotesk Regular", sans-serif; font-weight: 400; }
.italic-font { font-family: "TomatoGrotesk Italic", sans-serif; font-weight: 400; font-style: italic; }
.medium-font { font-family: "TomatoGrotesk Medium", sans-serif; font-weight: 500; }
.medium-italic-font { font-family: "TomatoGrotesk Medium Italic", sans-serif; font-weight: 500; font-style: italic; }
.bold-font { font-family: "TomatoGrotesk Bold", sans-serif; font-weight: 700; }
.bold-italic-font { font-family: "TomatoGrotesk Bold Italic", sans-serif; font-weight: 700; font-style: italic; }
.extra-bold-font { font-family: "TomatoGrotesk Extra Bold", sans-serif; font-weight: 800; }
.extra-bold-italic-font { font-family: "TomatoGrotesk Extra Bold Italic", sans-serif; font-weight: 800; font-style: italic; }
.black-font { font-family: "TomatoGrotesk Black", sans-serif; font-weight: 900; }
.black-italic-font { font-family: "TomatoGrotesk Black Italic", sans-serif; font-weight: 900; font-style: italic; }