/* ===========================================================
   JogoMestre — theme.css
   Identidade visual: portal de jogos premium, tema escuro,
   energia desportiva com acentos vibrantes.
   =========================================================== */

:root {
  /* Fundos (escala escura) */
  --bg:            #0b0f1a;   /* fundo geral, azul-noite profundo */
  --bg-soft:       #10162400; /* (placeholder) */
  --bg-soft-2:     #0f1524;   /* secções alternadas */
  --bg-card:       #141c2e;   /* cartões */
  --bg-elev:       #1a2335;   /* elementos elevados / inputs */
  --bg-glass:      rgba(18, 25, 40, 0.72);

  /* Texto */
  --text:          #eef2f9;   /* texto principal */
  --text-muted:    #aab6c9;   /* texto secundário */
  --text-soft:     #76839a;   /* legendas */

  /* Acentos de marca */
  --blue:          #3b82f6;
  --blue-light:    #60a5fa;
  --blue-dark:     #2563eb;
  --green:         #22c55e;
  --green-light:   #4ade80;
  --green-dark:    #16a34a;
  --amber:         #f5a524;

  /* Acentos por desporto */
  --sport-football: #22c55e;
  --sport-basket:   #f97316;
  --sport-tennis:   #ef4444;
  --sport-golf:     #14b8a6;
  --sport-pool:     #3b82f6;

  /* Linhas e sombras */
  --border:        rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.16);
  --shadow-sm:     0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md:     0 14px 34px rgba(0, 0, 0, 0.42);
  --shadow-lg:     0 30px 70px rgba(0, 0, 0, 0.55);
  --glow-blue:     0 10px 40px rgba(59, 130, 246, 0.45);
  --glow-green:    0 10px 40px rgba(34, 197, 94, 0.40);

  /* Geometria */
  --radius:        14px;
  --radius-lg:     22px;
  --radius-xl:     28px;
  --radius-pill:   999px;

  /* Tipografia */
  --font-head: "Sora", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Layout */
  --max:           1180px;
  --gap:           clamp(1rem, 3vw, 2rem);

  /* Gradientes de marca */
  --grad:        linear-gradient(135deg, #3b82f6 0%, #22c55e 100%);
  --grad-soft:   linear-gradient(135deg, rgba(59,130,246,.16), rgba(34,197,94,.16));
  --grad-text:   linear-gradient(100deg, #60a5fa 0%, #4ade80 100%);
}