/* Tokens do guia Onabet — paleta oficial do Manual de Marca ONABET v1.0 (p.7):
   Pretona #202020 · Vermelhona #ff283c · Brancona #ffffff.
   Tipografia: Poppins (fonte da marca) + Anton (substituto livre da Druk Medium, que é comercial). */
:root {
  /* cores da marca */
  --red:            #ff283c;
  --red-hover:      #ff4156;
  --red-press:      #d81c2f;
  --red-deep:       #7a0f1c;
  --ink:            #ffffff;

  /* superfícies (derivadas do Pretona) */
  --bg:             #141414;
  --bg-2:           #0e0e0e;
  --surface:        #202020;
  --surface-2:      #262626;
  --surface-3:      #2f2f2f;
  --line:           #333333;
  --ring:           rgba(255, 255, 255, 0.10);

  /* texto */
  --text:           #dcdcdc;
  --muted:          #9a9a9a;
  --dim:            #8f8f8f;   /* AA: 5,7:1 sobre o fundo — o aviso do MF e as fontes precisam ser legíveis */

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

  /* tipografia */
  --font-display:   'Anton', 'Arial Narrow', Impact, sans-serif;
  --font-body:      'Poppins', 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.45rem, 1.2rem + 1vw, 1.9rem);
  --text-2xl: clamp(1.9rem, 1.4rem + 2.2vw, 3rem);

  /* 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, 40, 60, 0.28);
  --wrap: 1180px;
}