/* ===== LÍNEA GRÁFICA =====
   Este es el ÚNICO archivo que hay que cambiar para darle otra identidad a toda la app:
   colores, tipografía de títulos y esquinas. (Los valores actuales son provisionales.) */
:root{
  --bg:#0b1b2e;          /* fondo general */
  --panel:#12304d;       /* tarjetas */
  --panel2:#1a3f63;      /* tarjetas elevadas, botones secundarios */
  --line:#2a527a;        /* bordes */
  --text:#eaf1f8;        /* texto principal */
  --muted:#93a9c0;       /* texto secundario */
  --accent:#6db3f2;      /* color de marca / botones principales */
  --on-accent:#06243d;   /* texto sobre el color de marca */
  --good:#4ade80;        /* bien / ganado */
  --bad:#ff6b6b;         /* mal / perdido */
  --warn:#ffd166;        /* aviso */
  --display:"Bebas Neue",Impact,"Arial Narrow",sans-serif; /* tipografía de títulos y cifras grandes */
  --radius:14px;
}

/* Letra de títulos guardada dentro de la app (funciona sin internet) */
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bebas-neue.woff2) format("woff2")}