/* Orbi · tokens de cor e tipografia
   Redesenho de 08/09/2026: verde e branco, com o branco predominante nas
   areas de conteudo -- referencia visual trazida pelo Gustavo de um
   prototipo (frontend-alternativo/, gerado a parte, nunca versionado neste
   app). Escopo desta rodada: /painel, /conversas, /seguranca e /dono. A
   landing publica e /entrar (entrada.css, landing.css) ficam FORA -- por
   isso `:root` continua com os valores ESCUROS do redesenho anterior
   (07/09) como canonicos: e o que essas duas telas ja herdavam antes, e
   continuam herdando sem precisar de nenhuma mudanca la.

   `body.painel`/`body.dono` REDEFINEM os tokens semanticos para o novo
   padrao claro logo abaixo -- e so por isso ficam claras por padrao, sem
   tocar no que `:root` significa para o resto do app. `[data-theme="claro"]`
   ja existia ANTES desta rodada (entrada.css, os cartoes de
   /entrar e /convites/*) para acender um cartao claro sobre o ceu escuro da
   landing -- continua exatamente como estava, e por isso entra na MESMA
   lista de seletores do bloco claro abaixo, em vez de duplicar os valores.

   O alternador claro/escuro (so existe em /painel) usa `data-theme="escuro"`
   -- nome novo, nao "claro" invertido: antes do redesenho o padrao ERA
   escuro e "claro" era o desvio; agora e o oposto, entao reaproveitar
   "claro" pro desvio novo teria colidido com o significado que
   entrada.css ja usa para esse mesmo valor. `body.painel:not([data-theme=
   "escuro"])` e o que aplica o claro por padrao SEM aplicar quando a pessoa
   troca para escuro -- nesse caso a cascata volta sozinha pro `:root`
   escuro, sem precisar duplicar o bloco escuro em lugar nenhum.

   Regra continua a mesma: nunca usar --vn-* direto num componente.
   Componente consome token SEMANTICO (--bc-bg, --bc-ink...). E o que
   permite trocar de tema sem cacar hex espalhado pelo CSS. */

:root {
  /* ── paleta bruta — as oito paradas, so referencia ── */
  --vn-0: #050705;  --vn-1: #0B0F0B;  --vn-2: #141B14;  --vn-3: #1F6B3E;
  --vn-4: #29C56A;  --vn-5: #3CF07F;  --vn-6: #7FFAB0;  --vn-7: #D6FFE6;

  /* ── tipografia ──
     Fonte universal, sem carregar nada de fora (pedido do Gustavo, 08/09):
     Arial/Helvetica ja existem em qualquer sistema. Global de proposito --
     entrada.css/landing.css nunca consomem este token (usam a propria
     declaracao de fonte, direto), entao a troca nao alcanca as duas.
     Mono continua so para o que e DADO (telefone, hora, contagem, id), via
     pilha do sistema em vez de webfont. */
  --bc-fonte:      Arial, Helvetica, sans-serif;
  --bc-fonte-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ── ESCURO, o valor CANONICO deste :root (redesenho de 07/09) ──
     Landing publica e /entrar continuam herdando isto sem mudar nada. Tambem
     e o que `/painel` volta a usar quando a pessoa troca pro modo escuro
     (`body.painel[data-theme="escuro"]` para de redefinir os tokens abaixo,
     e a cascata cai aqui sozinha -- ver o bloco claro mais abaixo). */
  --bc-bg:         var(--vn-0);
  --bc-surface:    #0D110D;
  --bc-surface-2:  var(--vn-2);
  --bc-line:       #202B20;
  --bc-line-soft:  #161D16;

  --bc-ink:        #EDF3ED;
  --bc-ink-soft:   var(--vn-7);
  --bc-ink-mut:    #7C8A7C;
  --bc-ink-faint:  #55614F;
  /* Borda de CAMPO de formulario (achado de UI/UX de 09/11/2026): `--bc-line` e a divisoria decorativa (1,2:1 sobre o cartao) e
     deixava o campo quase invisivel. Este e o contorno que o campo precisa ter -- 3:1 contra o fundo (WCAG 1.4.11): 3,5:1 no
     escuro; no claro, 3,7:1 (bloco abaixo). */
  --bc-campo-borda: #5F6E5F;

  /* `--bc-primary-ink` PRECISA ser escuro aqui: `--bc-primary` (vn-5) e
     um verde neon CLARO, e texto branco em cima dele mede ~2:1 de
     contraste. Preto quase puro sobre o neon mede >12:1. */
  --bc-primary:       var(--vn-5);
  --bc-primary-hover: var(--vn-6);
  --bc-primary-ink:   #061309;
  --bc-focus:         var(--vn-5);

  --bc-ok:      var(--vn-4);
  --bc-warn:    #E3B341;
  --bc-danger:  #FF6B5E;
  --bc-pending: var(--vn-4);

  --bc-bolha-nos:    var(--vn-5);
  --bc-bolha-eles:   #141915;
  --bc-bolha-nota:   #3A2A08;

  --bc-raio: 14px;
  --bc-fonte-marca: var(--bc-fonte);

  /* ── barra lateral: FIXA, independente do alternador ──
     Achado do redesenho de 08/09: a referencia visual tem UM visual so (a
     barra lateral nunca muda de cor), diferente de como o alternador
     funcionava ate aqui (recolorizia a barra inteira junto com o
     conteudo). So `.painel__lateral` (e o que vive dentro dela) consome
     estes tokens; ficam em :root por serem globais e inofensivos fora
     dali. */
  --bc-lateral-bg:         #0F3D22;
  --bc-lateral-bg-2:       #154A2A;   /* hover, chips (raiz/empresa) */
  --bc-lateral-line:       #1F5A34;
  --bc-lateral-ink:        #D9F2E3;   /* rotulo padrao dos itens */
  --bc-lateral-ink-mut:    #8FBFA0;   /* legendas dentro da barra */
  --bc-lateral-marca:      var(--vn-5); /* a logo, sempre verde-neon sobre o verde profundo */
  --bc-lateral-atual-bg:   var(--vn-5);
  --bc-lateral-atual-ink:  #06210F;
  --bc-lateral-danger:     #FF9B8E;   /* hover de "Sair" -- fixo, nunca --bc-danger (esse muda de tom com o alternador) */
}

/* ── CLARO, o padrao dentro de /painel e /dono (redesenho de 08/09) ──
   Reaproveita literalmente os mesmos valores que `[data-theme="claro"]" ja
   usava (entrada.css) -- por isso divide a MESMA declaracao, em vez de
   copiar os numeros para um segundo bloco que pode divergir do primeiro
   com o tempo. */
[data-theme="claro"],
body.painel:not([data-theme="escuro"]),
body.dono {
  --bc-bg:         #FAFDFA;
  --bc-surface:    #FFFFFF;
  --bc-surface-2:  #F0F7F1;
  --bc-line:       #DCEBDE;
  --bc-line-soft:  #EAF5EB;

  --bc-ink:        #0A130B;
  --bc-ink-soft:   var(--vn-2);
  --bc-ink-mut:    #4E7059;
  /* #5A7064 (5,3:1 sobre o cartao branco), o mesmo valor que z_vidro.css ja usa no painel: antes #8AA890 media 2,6:1 e carregava
     o texto-guia, os placeholders e o rodape do login, dos convites e do /dono (achado de UI/UX, 09/11/2026). */
  --bc-ink-faint:  #5A7064;
  --bc-campo-borda: #6B8A74;

  /* Aqui e o oposto do escuro: o fundo e claro, entao o botao precisa do
     verde ESCURO (vn-3) pra branco em cima ler bem -- o mesmo raciocinio
     de --bc-primary-ink acima, so espelhado. */
  --bc-primary:       var(--vn-3);
  --bc-primary-hover: var(--vn-2);
  --bc-primary-ink:   #FFFFFF;
  /* O verde-claro (vn-4) dava 2,3:1 como anel de foco e como cor de link sobre o cartao branco; o verde da marca da 6,5:1. */
  --bc-focus:         var(--bc-primary);

  --bc-ok:      #0F7B4F;
  --bc-warn:    #9A6B0A;
  --bc-danger:  #B3261E;
  --bc-pending: var(--vn-3);

  --bc-bolha-nos:  var(--vn-3);   /* mesmo tom do --bc-primary claro, ja provado com --bc-primary-ink */
  --bc-bolha-eles: #FFFFFF;
  --bc-bolha-nota: #FAF0D8;
}

/* Respeita quem pediu menos animacao no sistema. */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}