:root {
  /* Tokens do guia GingaBet — paleta do próprio site da casa (ginga.bet.br, CSS arquivado em 11/07/2026):
     --brand-200 #FFFC00 (amarelo) e neutros azul-noite --neutral-500..900. Nomes --gold/--red mantidos por
     compatibilidade com o site.css da rede. */
  --gold:           #fffc00;
  --gold-hover:     #fffe8a;
  --gold-press:     #e0dc00;
  --on-gold:        #000227;   /* texto sobre o amarelo */
  --red:            #227dfa;   /* azul de destaque da casa (--neutral-300) */
  --red-hover:      #4d97ff;
  --red-press:      #1663cc;
  --red-deep:       #030859;
  --ink:            #ffffff;

  --bg:             #000227;
  --bg-2:           #050617;
  --surface:        #040633;
  --surface-2:      #030859;
  --surface-3:      #0a1a7a;
  --line:           #14207a;
  --ring:           rgba(255, 255, 255, 0.14);

  --text:           #e6ecff;
  --muted:          #a9b8e6;
  --dim:            #9fb0e0;

  --ok:             #37d67a;
  --warn:           #fffc00;

  --font-display:   'Russo One', 'Arial Black', system-ui, sans-serif;
  --font-body:      'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --text-xs:  0.78rem;
  --text-sm:  0.875rem;
  --text-md:  1rem;
  --text-lg:  1.125rem;
  --text-xl:  clamp(1.4rem, 1.15rem + 1vw, 1.8rem);
  --text-2xl: clamp(1.8rem, 1.3rem + 2.2vw, 2.8rem);

  --space-3xs: 2px;  --space-2xs: 6px;  --space-xs: 10px;  --space-sm: 14px;
  --space-md: 20px;  --space-lg: 28px;  --space-xl: 40px;  --space-2xl: 64px;

  --radius: 18px;  --radius-sm: 12px;  --radius-pill: 999px;
  --shadow-red: 0 10px 30px rgba(255, 252, 0, 0.18);
  --wrap: 1180px;
}