/* =====================================================================
   BrinquemBet — Design Tokens · v1.0
   Fonte única de verdade da marca (cores, tipografia, raios, sombras).
   Importe este arquivo em qualquer página: <link href="brand/tokens.css">
   Marca: apostas esportivas & cassino online · pt-BR · +18
   ===================================================================== */
:root{
  /* ---------- Voltage Lime · primária ---------- */
  --bb-lime-100:#EAFFC4;   /* tint suave (fundos de destaque) */
  --bb-lime-300:#C6FF54;   /* bright */
  --bb-lime-500:#B8FF39;   /* CORE — marca, CTAs, foco */
  --bb-lime-700:#8FE01B;   /* deep */
  --bb-lime-900:#5FA30C;   /* pressed / sombra */

  /* ---------- Jackpot Gold · acento ---------- */
  --bb-gold-300:#FFDD7A;
  --bb-gold-500:#FFCB45;   /* CORE acento — prêmios, bônus */
  --bb-gold-700:#FF9D2E;   /* deep / laranja */

  /* ---------- Sinal ao vivo / alerta ---------- */
  --bb-live:#FF5468;
  --bb-live-deep:#E5344A;

  /* ---------- Neutros escuros (fundo) ---------- */
  --bb-ink:#060D0A;        /* fundo base */
  --bb-elev:#0B1611;       /* camada elevada */
  --bb-surface:#0E1B15;    /* superfície de card */
  --bb-surface-2:#12241C;  /* superfície 2 / hover */
  --bb-line:rgba(190,255,120,.10);
  --bb-line-strong:rgba(190,255,120,.20);

  /* ---------- Texto ---------- */
  --bb-text:#ECF7ED;
  --bb-muted:#9AB0A2;
  --bb-faint:#6B7E73;
  --bb-on-lime:#061007;    /* texto sobre lime/gold */

  /* ---------- Gradientes de marca ---------- */
  --bb-grad-lime:linear-gradient(135deg,#C6FF54,#8FE01B);
  --bb-grad-gold:linear-gradient(135deg,#FFDD7A,#FF9D2E);
  --bb-grad-hero:radial-gradient(120% 120% at 80% -10%, rgba(184,255,57,.18), transparent 55%);

  /* ---------- Tipografia ---------- */
  --bb-font-display:"Space Grotesk","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --bb-font-body:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;
  --bb-font-mono:"Space Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  --bb-fs-display:clamp(2.6rem,6vw,4.6rem);
  --bb-fs-h1:clamp(2rem,4.5vw,3.2rem);
  --bb-fs-h2:clamp(1.5rem,3vw,2.1rem);
  --bb-fs-h3:1.25rem;
  --bb-fs-body:1rem;
  --bb-fs-small:.85rem;
  --bb-tracking-tight:-.02em;

  /* ---------- Raio / sombra / espaço ---------- */
  --bb-r-lg:24px; --bb-r-md:18px; --bb-r-sm:12px; --bb-r-pill:999px;
  --bb-shadow:0 24px 60px -28px rgba(0,0,0,.7);
  --bb-glow-lime:0 0 0 1px rgba(184,255,57,.35), 0 10px 40px -10px rgba(143,224,27,.5);
  --bb-tap:48px;
}