/* =====================================================
   BRAND.CSS - configuração da marca (1 só arquivo)
   =====================================================
   Pra adaptar a plataforma pra outra marca (RENOV4, AFDC,
   CEMDIG, NEW GARAGE, Liberty Flight), troque:
     1) o arquivo assets/logo.png (logo da marca)
     2) o --brand-name abaixo (nome curto da marca)
     3) o --brand-tagline (subtítulo)
     4) --brand-primary / --brand-primary-2 (cor da marca)
   Tudo o resto continua igual.
   ===================================================== */

:root{
  /* ---- IDENTIDADE DA MARCA ---- */
  --brand-name: "JAMESP";
  --brand-tagline: "PLATAFORMA PROCESSUAL";
  --brand-tagline-sub: "CAMARA ARBITRAL ONLINE";
  --brand-site: "jamesp.com.br";

  /* ---- PALETA (cor da marca: dourado pra JAMESP) ---- */
  --brand-primary: #d8ad55;      /* cor primária (dourado JAMESP) */
  --brand-primary-2: #f1d37a;    /* cor primária clara */
  --brand-primary-3: #a07820;    /* cor primária escura */
  --brand-bg: #07111f;           /* fundo principal */
  --brand-bg-2: #0c1d33;         /* fundo de cards */
  --brand-bg-3: #050c17;         /* fundo header/footer */
  --brand-text: #f7f4ec;
  --brand-muted: #aebbd0;
  --brand-line: rgba(216,173,85,.32);
  --brand-line-soft: rgba(216,173,85,.14);
  --brand-line-rgb: 216,173,85;
}

/* Estilos comuns que todas as marcas compartilham */
.brand-color{color:var(--brand-primary);}
.brand-bg{background:var(--brand-bg);}
.brand-card{
  background:linear-gradient(180deg, var(--brand-bg-2) 0%, var(--brand-bg) 100%);
  border:1px solid var(--brand-line-soft);
}
.brand-btn{
  background:linear-gradient(180deg, var(--brand-primary-2), color-mix(in srgb, var(--brand-primary) 80%, #000));
  color:var(--brand-bg);
  font-weight:900;
  letter-spacing:3px;
  transition:transform .15s ease, box-shadow .15s ease;
  box-shadow: 0 12px 30px rgba(var(--brand-line-rgb), .22);
}
.brand-btn:hover{transform:translateY(-2px);}

/* Logo fallback: se assets/logo.png não carregar, mostra iniciais douradas */
.brand-logo-wrap{
  width:46px; height:46px; border-radius:8px;
  background:linear-gradient(135deg, var(--brand-primary-2) 0%, var(--brand-primary) 55%, var(--brand-primary-3) 100%);
  color:var(--brand-bg);
  display:grid; place-items:center;
  font-family:Georgia,serif; font-weight:900;
  letter-spacing:1.5px;
  box-shadow:0 8px 22px rgba(var(--brand-line-rgb), .3);
  overflow:hidden;
}
.brand-logo-wrap img{
  width:100%; height:100%; object-fit:contain;
  background:transparent;
}
.brand-logo-wrap.lg{ width:62px; height:62px; }