/* ---------------------------------------------------------------
   LOCAL-ONLY TYPEFACE OVERRIDE
   ---------------------------------------------------------------
   Loaded by templates/index.html and templates/scorecard.html ONLY
   when MODE=local.

   The Formula1-*.ttf files are proprietary and deliberately NOT
   tracked in git (see .gitignore). They exist on the venue machine
   only and must never be served from a public deployment.

   This file overrides the board tokens (--font-*) and the scorecard
   tokens (--sc-*). Every metric on the board and the card (sizing,
   column widths, alignment) comes from clamp()/ch units in the CSS
   and from measureText() in scorecard.js, never from the font -- so
   deleting this file degrades cleanly to the safe stack with zero
   layout shift.
   --------------------------------------------------------------- */

@font-face {
  font-family: "F1";
  src: url("/static/fonts/Formula1-Regular_web_0.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F1";
  src: url("/static/fonts/Formula1-Bold_web_0.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "F1Wide";
  src: url("/static/fonts/Formula1-Wide_web_0.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-display: "F1Wide", "F1", "Vercetti", system-ui, sans-serif;
  --font-body: "F1", "Vercetti", system-ui, sans-serif;
  /* ui-monospace is kept as the fallback so figures stay tabular
     even if the F1 face lacks a `tnum` feature. */
  --font-numeric: "F1", ui-monospace, "SF Mono", Menlo, monospace;

  /* /scorecard tokens (scorecard.css); scorecard.js reads these at
     runtime so the canvas card matches the page exactly. */
  --sc-display: "F1", "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --sc-mono: "F1", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}