/* ════════════════════════════════════════════════════════════════════
   Ronin Realm — team scorecard theme (the framework's theme.css tokens).

   css/scorecard.css (engine, verbatim) draws the card from these tokens,
   in the game (end screens, src/ui/Scorecard.tsx) and on the share page
   /r/<id> (scorecard.html → css/style.css). Same lacquer, paper and gold
   palette as src/index.css.
   ════════════════════════════════════════════════════════════════════ */

/* The share page does not load the game bundle: its own copy of the UI face. */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/archivo-black-latin-400-normal.woff2') format('woff2');
}

:root {
  --ui-font: 'Archivo Black', 'Arial Black', sans-serif;
  --accent: #d9a648; /* gold */
  --accent-bright: #f2e2b8; /* paper */
  --accent-soft: #cbb98d; /* paper, dim */
  --chrome-panel-top: #3d1f10;
  --chrome-panel-bottom: #180d08; /* ink */
  --chrome-pill-bg: rgba(24, 13, 8, 0.88);
  --success: #7fd8a0;
  --error-red: #ff6a4d;

  /* The card: a lacquer panel in a gold frame. */
  --scorecard-bg: rgba(36, 17, 9, 0.78);
  --scorecard-frame: #d9a648;
}