/* Real brand faces. The root layout preloads these four files and links this
   stylesheet in the first HTML, so the faces are in place before the first text
   layout instead of swapping in seconds later (which cost 0.20 CLS on a phone).
   `swap` so the display face still replaces the Arial stand-in if a connection
   is slow enough that a file misses the first layout: the stand-ins in
   app/globals.css are width-matched, so that swap moves nothing. */
@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Anton-400.woff2") format("woff2");
}
/* The referral card's second face. Not preloaded: only /rewards draws it, and the file is fetched when a face uses it. */
@font-face {
  font-family: "Bebas Neue";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/BebasNeue-400.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/Archivo-var.woff2") format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/SpaceMono-400.woff2") format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/SpaceMono-700.woff2") format("woff2");
}