@font-face {
  font-family: "Inter";
  src: url("../font/Inter-VariableFont.ttf");
  font-weight: 100 900;
}

@font-face {
  font-family: "Inter";
  src: url("../font/Inter-Italic-VariableFont.ttf")
    format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
}

@font-face {
  font-family: "Mulish";
  src: url("../font/Mulish-VariableFont.ttf");
  font-weight: 100 900;
}

@font-face {
  font-family: "Mulish";
  src: url("../font/Mulish-Italic-VariableFont.ttf")
    format("truetype-variations");
  font-weight: 100 900;
  font-style: italic;
}

h2,
.title-L {
  font-size: var(--title-L);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-125);
}

body,
p {
  font-size: var(--default-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-175);
}

h1 {
  font-weight: 800;
  font-size: var(--hero-title-size);
  line-height: var(--line-height-120);
}

.title-XS {
  font-size: var(--title-XS);
  font-weight: 600;
  line-height: var(--line-height-150);
}

.body-S {
  font-size: var(--body-S);
  font-weight: 400;
  line-height: var(--line-height-140);
}