:root {
  /* Tokens do guia bet.bet — paleta do próprio site da casa (betpontobet.bet.br, CSS arquivado em 03/06/2026):
     laranja #FF4606 e grafite #212425 / #323637. Nomes --gold/--red mantidos por compatibilidade com o site.css da rede. */
  --gold:           #ff4606;
  --gold-hover:     #ff6a33;
  --gold-press:     #e03d00;
  --on-gold:        #ffffff;   /* texto sobre o laranja */
  --red:            #ff8a5c;   /* laranja claro de destaque */
  --red-hover:      #ffa47f;
  --red-press:      #ff6a33;
  --red-deep:       #3a1a0d;
  --ink:            #ffffff;

  --bg:             #151718;
  --bg-2:           #0f1011;
  --surface:        #212425;
  --surface-2:      #2a2d2e;
  --surface-3:      #323637;
  --line:           #3a3e40;
  --ring:           rgba(255, 255, 255, 0.14);

  --text:           #eceeef;
  --muted:          #b3b9bc;
  --dim:            #a7adb0;

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

  --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, 70, 6, 0.25);
  --wrap: 1180px;
}