/* ────────────────────────────────────────────────────────────────────────
   Socceroos Trivia · self-hosted fonts (no external requests, works offline)
     Display : Anton 400   — condensed heavy poster caps (sticker-album headers)
     Body/UI : Outfit 400/600/800 — clean, highly legible
   Both are SIL Open Font Licensed. font-display: swap avoids invisible text.
   Paths are relative to this file (shared/), so they resolve from any page.
   ──────────────────────────────────────────────────────────────────────── */
@font-face {
  font-family: "Anton";
  font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/anton-400.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/outfit-400.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/outfit-600.woff2") format("woff2");
}
@font-face {
  font-family: "Outfit";
  font-style: normal; font-weight: 800; font-display: swap;
  src: url("fonts/outfit-800.woff2") format("woff2");
}

:root {
  /* Anton is all-caps by nature — apply text-transform: uppercase where used. */
  --font-display: "Anton", "Arial Narrow", "Helvetica Neue", sans-serif;
  --font-body: "Outfit", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}