/* ==========================================================================
   JogaFácil — theme.css
   Tema "Arcade Neon": fundo escuro, acentos néon, brilho e gradientes.
   Visual gamer, mas mantendo a energia divertida do desporto.
   ========================================================================== */

:root {
  /* Fundos / superfícies */
  --bg:           #07090f;   /* quase preto azulado */
  --bg-2:         #0b0f1c;
  --bg-soft:      #0f1426;   /* bandas de secção */
  --surface:      #121a31;   /* cartões */
  --surface-2:    #18223f;   /* cartões elevados */
  --glass:        rgba(20, 28, 52, 0.62);
  --glass-line:   rgba(140, 170, 255, 0.16);

  /* Texto */
  --ink:          #eaf1ff;   /* texto principal */
  --ink-soft:     #93a1c6;   /* secundário */
  --ink-dim:      #5d6a8c;
  --ink-line:     rgba(150, 180, 255, 0.18);  /* obras/linhas base */

  /* Acentos néon */
  --orange:       #ff9f43;
  --orange-deep:  #ff7a18;
  --pink:         #ff4d8d;
  --pink-deep:    #ff2d6f;
  --cyan:         #22d3ee;
  --mint:         #2ce5a8;
  --lime:         #b6f36b;
  --sky:          #38bdf8;
  --violet:       #8b5cf6;

  /* Acento por jogo (usado como cor néon do cartão) */
  --c-football:   #38bdf8;   /* azul elétrico */
  --c-football2:  #2ce5a8;   /* verde néon */
  --c-pool:       #ff9f43;   /* laranja */
  --c-basket:     #ff4d8d;   /* rosa néon */
  --c-tennis:     #b6f36b;   /* lima */

  /* Linhas, raios e elevações */
  --border:       1px solid var(--ink-line);
  --radius:       20px;
  --radius-sm:    13px;
  --radius-lg:    28px;

  --shadow:       0 18px 50px rgba(0, 0, 0, 0.55);
  --shadow-sm:    0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-press: 0 4px 14px rgba(0, 0, 0, 0.5);

  /* Brilhos néon reutilizáveis */
  --glow-orange:  0 0 0 1px rgba(255,159,67,.4), 0 0 26px rgba(255,159,67,.35);
  --glow-pink:    0 0 0 1px rgba(255,77,141,.4), 0 0 26px rgba(255,77,141,.35);
  --glow-cyan:    0 0 0 1px rgba(34,211,238,.4), 0 0 26px rgba(34,211,238,.35);

  /* Gradientes */
  --grad-fire:    linear-gradient(135deg, #ff9f43, #ff2d6f);
  --grad-ice:     linear-gradient(135deg, #22d3ee, #8b5cf6);
  --grad-neon:    linear-gradient(135deg, #2ce5a8, #38bdf8 55%, #8b5cf6);

  /* Tipografia */
  --font-head:   "Russo One", system-ui, sans-serif;
  --font-accent: "Rajdhani", system-ui, sans-serif;
  --font-body:   "Inter", system-ui, -apple-system, sans-serif;

  /* Layout */
  --maxw: 1180px;
  --gap:  clamp(16px, 3vw, 32px);
}