/* ============================================================================
   CREASE & CLEAT — the font files the site loads. They are hosted with the site
   (the fonts/ folder), so no request goes to a font service.

     Big Shoulders Display   headlines and scoreboard numerals
     Figtree                 everything you read
     Big Shoulders Inline    digits only, for jersey numbers

   You only need this file if you change typefaces: put the new .woff2 files
   in fonts/, point the rules below at them, and update the --ff tokens at
   the top of styles.css to the new family names.

   These rules sit apart from styles.css on purpose. The homepage inlines
   them (serve.py copies this file into index.html along with the first-screen
   styles), and a font declared twice is fetched twice.
   ============================================================================ */
@font-face{
  font-family:'Big Shoulders Display';
  src:url(fonts/big-shoulders-display.woff2) format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Figtree';
  src:url(fonts/figtree.woff2) format('woff2');
  font-weight:300 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Big Shoulders Inline';
  src:url(fonts/big-shoulders-inline-digits.woff2) format('woff2');
  font-weight:900;font-style:normal;font-display:swap;
  unicode-range:U+30-39;
}
/* Stand-ins shown for the instant before a web font arrives. Each is a
   system font scaled to the same width as the real one, so lines break in
   the same places and nothing jumps when the swap happens. */
@font-face{
  font-family:'Shoulders Fallback';
  src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Roboto Bold'),local('Roboto-Bold');
  font-weight:100 900;
  size-adjust:69%;        /* measured: Big Shoulders Display 900 caps are 69% as wide as Arial Bold */
}
@font-face{
  font-family:'Figtree Fallback';
  src:local('Arial'),local('ArialMT'),local('Helvetica'),local('Roboto');
  font-weight:300 500;
  size-adjust:98.7%;
}
@font-face{
  font-family:'Figtree Fallback';
  src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Helvetica-Bold'),local('Roboto Bold'),local('Roboto-Bold');
  font-weight:600 900;
  size-adjust:95.3%;
}
