@font-face {
    font-family: "Inter";
    src: url("/assets/fonts/Inter.woff2") format("woff2");
    font-display: swap; /* allow things to render berfor this font loads */
}

:root {
  --main-width: min(700px, 100vw);

  --title-font: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "sans serif", HelveticaNeue-CondensedBlack;
  --body-font: 'Inter', 'IBM Plex Sans', sans-serif;

  --banner-color: oklch(80.301% 0.12759 310.086);
  --accent-color: oklch(80.301% 0.3 310.086);
  --background-color: oklch(91.366% 0.03015 73.831);
}

html {
  background-color: var(--background-color);
}


@view-transition {
  navigation: auto;
}