/* Font Face Declarations for Local Fonts */

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

@font-face {
  font-family: "Tomato Grotesk";
  src: url("./fonts/Tomato_Grotesk/Tomato-Grotesk-Medium-Slanted.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Moderat Font Family */
@font-face {
  font-family: "Moderat";
  src: url("./fonts/Moderat/Moderat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Moderat";
  src: url("./fonts/Moderat/Moderat-Regular-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: "Moderat";
  src: url("./fonts/Moderat/Moderat-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* Aller Font Family */
@font-face {
  font-family: "Aller";
  src: url("./fonts/Aller/Aller_Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aller";
  src: url("./fonts/Aller/Aller_Light_Itallics.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aller";
  src: url("./fonts/Aller/Aller_Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aller";
  src: url("./fonts/Aller/Aller_Regular_Itallics.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aller";
  src: url("./fonts/Aller/Aller_Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aller";
  src: url("./fonts/Aller/Aller_Bold_Itallics.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aller";
  src: url("./fonts/Aller/Aller_Display.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Base font styles */
body {
  font-family:
    "Moderat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
}

.font-tomato {
  font-family: "Tomato Grotesk", sans-serif;
}

.font-moderat {
  font-family: "Moderat", sans-serif;
}

.font-aller {
  font-family: "Aller", sans-serif;
}

/* Global heading styles */
h1 {
  font-family:
    "Tomato Grotesk",
    -apple-system,
    system-ui,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 30px !important;
  line-height: 38px !important;
  letter-spacing: 0px !important;
  text-align: inherit;
  leading-trim: none;
}