@font-face {
  font-family: "Futura Medium C";
  src:
    url("../assets/fonts/futuramediumc.woff2") format("woff2"),
    url("../assets/fonts/futuramediumc.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Beladonna Modern";
  src:
    url("../assets/fonts/beladonna_modern.woff2") format("woff2"),
    url("../assets/fonts/beladonna_modern.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-ui: "Futura Medium C", "Trebuchet MS", Arial, sans-serif;
  --font-display: "Beladonna Modern", "Times New Roman", Georgia, serif;
}

.font-ui {
  font-family: var(--font-ui);
}

.font-display {
  font-family: var(--font-display);
}