:root {
  --header-text: "GreysparkSansBlock";
  --body-text: "Futura-PT";
  --menu-text: "Jost-Variable";
  --button-text: "Futura-PT";
}

@font-face {
  font-family: "typeecon";
  src: url("/wp-content/themes/dp/assets/fonts/typeecon.otf");
  font-weight: normal;
}
.text-typeecon {
  font-family: "typeecon";
}
@font-face {
  font-family: "Futura-PT";
  src: url("/wp-content/themes/dp/assets/fonts/futura-pt.otf");
  font-weight: normal;
}

@font-face {
  font-family: "GreysparkSansBlock";
  src: url("/wp-content/themes/dp/assets/fonts/GreysparkSansBlock.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Jost-Variable";
  src: url("/wp-content/themes/dp/assets/fonts/Jost-VariableFont_wght.ttf");
  font-weight: normal;
}

.font-futura {
  font-family: "Futura-PT";
}

.font-greyspark {
  font-family: "GreysparkSansBlock";
}

.font-jost {
  font-family: "Jost-Variable";
}