/* ============================================================
   TEMA — Vai de Bet
   Identidade real da casa (vaidebet.bet.br): amarelo #FFC300
   sobre grafite #1F1F1F.
   O amarelo não tem contraste sobre branco (1,6:1), então ele
   vive na LOGO e nos destaques; o grafite carrega texto e botões.
   ============================================================ */
:root{
  --marca:#B88C00;          /* âmbar da casa — gráficos e heatmap (3,1:1, legível) */
  --marca-forte:#1F1F1F;    /* 15,9:1 sobre branco */
  --marca-hover:#000000;
  --marca-suave:rgba(31,31,31,.08);
  --marca-contraste:#FFC300; /* texto amarelo dentro do botão preto */

  --amarelo:#FFC300;
  --logo-a:#FFC300;
  --logo-b:#1F1F1F;

  --sombra-marca:0 8px 16px 0 rgba(31,31,31,.24);
}

/* ---------- marca VAIDEBET ----------
   Como no site: caixa alta, itálico, amarelo sobre grafite. */
.marca-vdb{display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start}
.marca-vdb .vdb{
  display:inline-block;background:#1F1F1F;color:#FFC300;
  font-weight:900;font-style:italic;letter-spacing:-.3px;
  font-size:19px;line-height:1;padding:8px 12px;border-radius:8px;
}
.marca-vdb .sufixo{margin-top:0}
.caixa-login .marca-vdb{align-items:center}
.caixa-login .marca-vdb .vdb{font-size:26px;padding:10px 16px}

/* o card de comissões ganha o amarelo da casa */
.metrica.destaque{border-color:var(--amarelo);box-shadow:0 0 0 1px rgba(255,195,0,.35),var(--sombra-card)}
.metrica.destaque .valor{color:#947100}
.metrica.destaque .mini rect{fill:var(--amarelo);opacity:.85}