/* BTW GBL Tracker: design tokens (the token contract)
   ─────────────────────────────────────────────────────────────
   Task 9 copies these custom properties verbatim into app/css/tokens.css.
   Nothing else lives in this file. Shared components are in
   components.css; mockup-only styles and the Google Fonts import
   are in mock.css.

   League colors are r,g,b triplets copied from rankLeague() in
   ../index.html, so they work like the site's --lc / --pc:
     color: rgb(var(--lg-great));  background: rgba(var(--lg-great), .1);
   ───────────────────────────────────────────────────────────── */
:root {
  --bg: #0a0a0f;
  --surface: #12121a;
  --surface2: #1a1a26;
  --border: #2a2a3a;
  --cyan: #00e5ff;
  --pink: #ff3d71;
  --purple: #a259ff;
  --text: #e8e8f0;
  --text-hi: #ffffff;   /* headings, big numbers, selected states */
  --muted: #9999b0;     /* smallest allowed text color (6.9:1 on --surface) */
  --green: #00ff88;
  --yellow: #ffd166;

  --lg-great: 59,139,235;
  --lg-ultra: 255,209,102;
  --lg-master: 162,89,255;
  --lg-little: 61,220,151;   /* Little Cup (500 CP): mint, apart from Great blue / Ultra gold / Master purple */

  --font-head: 'Bebas Neue', sans-serif;
  --font-body: 'Barlow', system-ui, sans-serif;
  --font-mono: 'DM Mono', ui-monospace, monospace;

  --tap: 44px;
}