/* Tokens do guia BateuBet — paleta tirada do CSS do próprio site da casa (bateu.bet.br, 23/09/2026):
   fundo em degradê vinho #570433 → #1f0011 → preto, botão dourado #ffc824, magenta #e20266 como segunda cor,
   títulos em Russo One. Os nomes --red* ficaram por compatibilidade com o site.css da rede: aqui são o magenta. */
:root {
  /* cores da marca */
  --gold:           #ffc824;   /* botão principal, como na casa */
  --gold-hover:     #ffd452;
  --gold-press:     #e6b000;
  --on-gold:        #2a0418;   /* texto sobre o dourado: 12,9:1 */
  --red:            #e20266;   /* magenta da casa (destaques) */
  --red-hover:      #ff1b72;
  --red-press:      #bb0154;
  --red-deep:       #570433;   /* vinho da casa */
  --ink:            #ffffff;

  /* superfícies — vinho escuro */
  --bg:             #1f0011;
  --bg-2:           #140009;
  --surface:        #2d0719;
  --surface-2:      #380b21;
  --surface-3:      #46112b;
  --line:           #5a1a3c;
  --ring:           rgba(255, 255, 255, 0.14);

  /* texto */
  --text:           #eddde5;
  --muted:          #c9adbb;
  --dim:            #bb9dac;   /* AA sobre o fundo — o aviso do MF precisa ser legível */

  /* estados */
  --ok:             #37d67a;
  --warn:           #ffc824;

  /* tipografia: Russo One é a fonte de títulos da casa */
  --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);

  /* espaço e forma */
  --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, 200, 36, 0.22);
  --wrap: 1180px;
}