/* Identidade visual da Veea — tokens comuns a todas as telas.
   Spec: docs/specs/identidade-visual.md · inventário aprovado: docs/specs/identidade-visual-inventario.md
   Carregar DEPOIS do CSS da página (assim vale por cima das variáveis antigas) e junto com o link do
   Google Fonts (Comfortaa 700 + Inter). Cores com significado (pago, atraso, aviso, WhatsApp) não saem daqui. */
:root{
  --veea-verde:#59AF34;          /* verde oficial, o do logo: fundo de botão (texto PRETO), detalhes */
  --veea-verde-escuro:#3F8A22;   /* hover do botão (texto preto = 4,6:1) e bordas de foco */
  --veea-verde-texto:#367A1D;    /* texto e links verdes sobre branco (5,3:1); #59AF34 em texto não passa */
  --veea-verde-claro:#EAF5E4;    /* fundos suaves: item ativo do menu, selos */
  --veea-preto:#0B0B0B;
  --veea-branco:#FFFFFF;
  --veea-cinza-claro:#F3F3F3;
  --veea-cinza-borda:#D4D4D4;
  --veea-cinza-texto:#555555;
  --veea-fonte-titulo:'Comfortaa',system-ui,sans-serif;
  --veea-fonte-texto:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* Variáveis antigas das telas passam a ser a marca */
  --green:var(--veea-verde);
  --green-mid:var(--veea-verde);
  --green-dark:var(--veea-verde-texto);
  --green-light:var(--veea-verde-claro);
}

/* Textos e números em Inter; títulos em Comfortaa (sem caixa alta forçada) */
body{font-family:var(--veea-fonte-texto)}
h1,h2,.topbar-title,.page-title,.section-title,.modal-title,.confirm-title{
  font-family:var(--veea-fonte-titulo);
  font-weight:700;
  letter-spacing:-.2px;
}

/* Fundo verde sempre com texto PRETO (branco sobre #59AF34 não passa no contraste) */
.btn-primary,
.filter-btn.active,
.filter-btn:hover,
.ads-subnav .tab-btn.active,
.executive-controls button[aria-pressed=true],
.today .calendar-day-number{
  background:var(--veea-verde);
  color:var(--veea-preto);
  border-color:var(--veea-verde);
}
.btn-primary:hover:not(:disabled){background:var(--veea-verde-escuro);color:var(--veea-preto)}
.btn-primary:disabled{opacity:.6}

/* Avatar com as iniciais: preto com texto branco (fica de pé em qualquer fundo) */
.avatar{background:var(--veea-preto);color:var(--veea-branco)}

/* Logo da Veea nos cabeçalhos: símbolo + nome (imagens de img/marca/), nunca o nome digitado */
.brand-mark,
.logo-icon:not(.has-image),
.company-logo-preview:not(.has-image){
  background:url('img/marca/veea-simbolo.png') center/72% no-repeat transparent;
  color:transparent;
  font-size:0;
}
.logo-icon:not(.has-image) svg{display:none}
.company-logo-preview:not(.has-image){background-color:var(--veea-cinza-claro)}
.veea-logo-nome{display:block;height:20px;width:auto}
.veea-logo-nome + *{margin-top:4px}
body.dark-mode .veea-logo-nome{filter:invert(1)} /* nome preto vira branco no modo escuro */