/* ============================================================
   FANTAFIFA — design tokens
   Concept: "campo sotto i riflettori" — nero-verde da campo di
   notte, testo color gesso, verde campo per le azioni, lime
   riservato a ciò che è VIVO ADESSO (countdown, aste attive,
   utenti online). Giallo/rosso = cartellini.
   ============================================================ */
:root {
  /* superfici — il nero ha una dominante verde, come un campo di notte */
  --notte:        #0c1310;
  --campo-0:      #121b16;
  --campo-1:      #17231d;
  --campo-2:      #1e2d25;
  --linea:        #263830;
  --linea-forte:  #33493d;

  /* gesso — testo */
  --gesso:        #e9efe9;
  --gesso-2:      #a8b5ac;
  --gesso-3:      #75837a;

  /* verde campo — azioni, link, conferme */
  --verde:        #2fae66;
  --verde-hover:  #3cc678;
  --verde-scuro:  #1d7a49;
  --verde-tinta:  rgba(47, 174, 102, .14);

  /* lime — SOLO ciò che è vivo ora (countdown, live, online) */
  --lime:         #c2f04c;
  --lime-dim:     #90b83c;
  --lime-tinta:   rgba(194, 240, 76, .12);

  /* cartellini e stati */
  --giallo:       #f2c94c;   /* ammonizione / attenzione */
  --rosso:        #e5484d;   /* espulsione / errore */
  --rosso-tinta:  rgba(229, 72, 77, .14);
  --blu:          #58a6ff;   /* informazione */
  --blu-tinta:    rgba(88, 166, 255, .13);

  /* fasce giocatore ck1..ck6 (94-86 → 73): oro, argento, bronzo, panchina */
  --fascia-1:     #ffd75e;
  --fascia-2:     #ccd6d0;
  --fascia-3:     #e29a5f;
  --fascia-4:     #7ec8ff;
  --fascia-5:     #b9a7ff;
  --fascia-6:     #8b978f;

  /* tipografia */
  --font-display: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  --font-body:    'IBM Plex Sans', system-ui, 'Segoe UI', Arial, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  /* misure */
  --topbar-h:     58px;
  --maxw:         1220px;
  --radius:       10px;
  --radius-s:     6px;
  --shadow-1:     0 1px 2px rgba(0, 0, 0, .45), 0 6px 20px rgba(0, 0, 0, .28);
  --shadow-2:     0 2px 6px rgba(0, 0, 0, .5), 0 14px 38px rgba(0, 0, 0, .38);

  /* linea di gesso — la firma della pagina */
  --gesso-linea:  rgba(233, 239, 233, .28);
}