/* ==========================================================================
   Clube Valle — a paleta.

   ⚠️ Este arquivo NÃO redefine layout: ele entra DEPOIS do estilo.css do
   painel e só troca as variáveis de cor. Estrutura, espaçamento, tipografia de
   número e comportamento continuam vindo de lá — uma correção de layout feita
   no painel do Jogador Premiado chega aqui de graça, e um ajuste de cor daqui
   nunca vaza pra lá.

   As cores são as do app do sócio (lib/tema.dart): preto, creme e terracota.
   Quem abre os dois painéis no mesmo dia precisa saber em qual está pela cor,
   antes de ler qualquer palavra.
   ========================================================================== */
:root {
  /* o acento deixa de ser o verde do Jogador Premiado e vira o terracota */
  --a:      #C65C32;
  --a-dim:  #A44A26;
  --a-rgb:  198, 92, 50;

  /* fundo creme em vez de branco puro: é o do app, e descansa a vista */
  --fundo:  #FBFAF8;
  --vidro:  rgba(255,255,255,.74);
  --borda:  rgba(20,22,26,.10);
  --texto:  #14161A;

  --topo-bg:    rgba(251,250,248,.78);
  --topo-borda: var(--borda);
  --topo-txt:   var(--texto);

  /* ⚠️ positivo NÃO é o acento aqui. No Jogador Premiado os dois são verdes e
     se confundem; no Valle o acento é terracota, então dinheiro que entra
     precisa de um verde próprio pra não parecer "destaque de marca". */
  --positivo: #1E7A46;
  --negativo: #C0392F;
  --alerta:   #B4761E;

  --glow:   0 0 0 1px rgba(var(--a-rgb),.22), 0 10px 30px rgba(var(--a-rgb),.12);
  --sombra: 0 2px 10px rgba(20,22,26,.05), 0 12px 34px rgba(20,22,26,.07);
}

/* tema escuro: o preto da marca, não o cinza-azulado genérico */
:root[data-tema="escuro"] {
  --fundo:  #0E0E0F;
  --vidro:  rgba(29,29,29,.72);
  --borda:  rgba(255,255,255,.10);
  --texto:  #FAF5EC;
  --topo-bg: rgba(14,14,15,.80);
}
:root[data-tema="escuro"] {
  --a:     #E0764A;      /* terracota clareado: no preto o original some */
  --a-dim: #C65C32;
}

/* a marca no menu lateral: o wordmark do Valle é largo e baixo, precisa de
   mais respiro que o logo do Jogador Premiado */
.marca img, .topo-marca img { max-height: 30px; }