:root {
  --accent-font: Segoe UI, Helvetica, Arial, sans-serif;
  --text-font: var(--accent-font);
}

@supports (font-variation-settings: normal) {
  :root {
    --accent-font: Geologica, Segoe UI, Helvetica, Arial, sans-serif;
    --text-font: Onest, Segoe UI, Helvetica, Arial, sans-serif;
    font-optical-sizing: auto;
  }
}

@font-face {
  font-display: swap;
  font-family: Geologica;
  src: url('/assets/fonts/Geologica-Var.ttf') format('truetype-variations');
}

@font-face {
  font-display: swap;
  font-family: Onest;
  src: url('/assets/fonts/Onest-Var.ttf') format('truetype-variations');
}