:root {
  --bg: #070707;
  --panel: #0f0f0f;
  --line: #262626;
  --gold: #caa24a;
  --cr: #c1121f;        /* Ronaldo red */
  --messi: #2a6f97;     /* Messi blue */
  --win: #7cfc9b;       /* win green */
  --text: #f2efe9;
  --muted: #b3aea4;
  --display: "Anton", "Arial Black", "Helvetica Neue", sans-serif;
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
/* No CSS smooth-scroll: Lenis owns smoothing and the two conflict. */
html { scroll-behavior: auto; }
body { background: var(--bg); color: var(--text); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
.win { color: var(--win); font-weight: 700; }
.tabnum { font-variant-numeric: tabular-nums; }
a:focus-visible, .nav-item:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }