/* =============================================================
   Typeface overrides for the copy of the scorer that ships with
   cintybangla.com.

   The standalone scorer sets its scoreboard in Oswald and Barlow from
   Google Fonts. This site serves everything it loads and its CSP says so
   in as many words: `font-src 'self' data:`. A web font here would be
   blocked outright and fall back silently, so the stack below reaches for
   a condensed face the reader already has, and settles for the system
   sans when there is none.

   Loaded after styles.css, so these three win.
   ============================================================= */

:root {
  /* Condensed grotesques present on iOS/macOS, Android and Windows in that
     order. The scoreboard total and the section headings are the only places
     this is used, and all three degrade to the system sans gracefully. */
  --f-display: "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow",
               ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Matches the site's own body stack, so the scorer reads as part of it. */
  --f-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Scorecard columns. Kept at the body stack rather than a condensed one:
     the figures line up on tabular-nums regardless, and a narrow face at
     13px is harder to read on a phone in sunlight, which is where this
     scorecard actually gets read. */
  --f-data: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}