/* © 2026 Jose Carvalho. Intel Ceasa. Ver LICENSE. */
/* ============================================================
   SISTEMA POLO PIAUI CENTER -- a cor sai do LOGOTIPO ORIGINAL que o Carvalho mandou em
   20/09/2026, amostrado pixel a pixel com Pillow.

   /!\ ESTE ARQUIVO JA NASCEU ERRADO UMA VEZ, E A LICAO VALE MAIS QUE A COR. A primeira versao
   dele, de hoje mesmo, foi tirada de um DESENHO DE TELA que o James mandou: uma tela de Auditoria
   de Vendas com a barra lateral MARROM (#3A281D) e as colunas do grafico em marrom queimado. O
   marrom nao e da marca: e invencao do desenho. A marca de verdade e AZUL-MARINHO com petalas em
   degrade, e nao tem marrom nenhum. E o mesmo erro que o modulo de Avarias pagou com o letreiro
   "JAP FRUTAS", que o gerador de imagem inventou e que virou arquivo de marca sem ser marca.
   REGRA QUE FICA: desenho de tela mostra COMO a marca foi aplicada, nunca QUAL e a marca. Cor de
   marca sai do logotipo ou do manual, e de mais lugar nenhum.

   O QUE FOI MEDIDO NO LOGOTIPO:
     marinho da palavra   #3C418A   9,07:1 no branco   "polo piaui center"
   A flor tem oito petalas em degrade, e os nucleos medidos foram:
     azul     #4D98D2 -> #5074B8      verde    #87AA55 -> #698F51
     dourado  #E4A254 -> #D87949      magenta  #B35793 -> #9B4A91
   Elas entram como ESCALA DE SERIE (`--chart-*`), que e onde cor diferente quer dizer coisa
   diferente. Tres delas (#4D98D2, #87AA55, #E4A254) ficam abaixo de 3:1 no branco: sao FIGURA de
   grafico, nunca texto nem contorno de campo, e e por isso que nenhuma delas aparece em `--ring`,
   `--input` ou `--ok`.

   NOME: "Polo Piaui Center", nesta ordem. O painel escrevia "Piaui Polo Center" ate 20/09/2026.
   ============================================================ */
body[data-porta="polo"] {
  --primary: #3c418a; /* o marinho da palavra: 9,07:1 */
  --primary-hover: #2e326b; /* 11,77:1 */
  /* ---------- MARCA SOLIDA: a tinta que NAO troca com o tema (20/09/2026) ----------
     Logotipo nao inverte no escuro, e superficie grande de marca tambem nao: a barra lateral da
     Nova Ceasa e verde escuro as duas horas do dia, e o botao de acao do Polo e marinho nas duas.
     Por isso estes tres NAO aparecem nos blocos de tema abaixo -- eles valem igual no claro e no
     escuro, de proposito, e quem mexer neles tem de mexer nos tres juntos.
     /!\ NAO CONFUNDIR COM `--primary`, que TROCA: `--primary` e a cor de INTERFACE (texto de link,
     contorno de foco, tinta de icone sobre o papel), e ela precisa clarear no escuro senao some.
     A regra pratica: fundo grande com texto claro por cima -> `--marca-solida`; letra ou traco
     direto sobre o papel da pagina -> `--primary`.
     Os tres valores sao o azul-marinho da palavra 'polo piaui center', medido no logotipo original. */
  --marca-solida: #3c418a;
  --marca-solida-forte: #2e326b;
  --marca-solida-tinta: #ffffff;

  --ring: #61659e; /* 5,44:1 */
  --ok: #4a7038; /* o verde da petala escurecido ate servir de texto: 5,41:1 */
  --ok-fundo: #edf2e6;
  /* as petalas da flor: azul, verde, dourado, magenta, azul escuro, roxo */
  --chart-1: #5074b8;
  --chart-2: #4d98d2;
  --chart-3: #87aa55;
  --chart-4: #e4a254;
  --chart-5: #b35793;
  --chart-6: #9b4a91;
}
/* O CLARO DA PORTA: a pele de superficie e texto da porta so vale no tema claro. Escrito aqui em DOIS seletores
   (o do botao e o do aparelho em claro) e nao no bloco de cima: o de cima vale nos dois temas, e uma variavel
   de `body[data-porta]` ganha de `:root` do tema escuro, que ficaria com o texto escuro sobre o grafite. */
html[data-tema="claro"] body[data-porta="polo"] {
  --secondary: #f2f2f5;
  --secondary-foreground: #2f3156; /* 11,09:1 no --secondary */
  --muted: #f4f4f6;
  --muted-foreground: #595a69; /* 6,79:1 no branco */
  --accent: #eaeaf1;
  --accent-foreground: #111118;
  --border: #e5e5ea;
  --input: #858699; /* 3,58:1 */
  --sidebar: #ffffff;
  --sidebar-accent: #f2f2f5;
  --pontos: #c9cad4;
  --foreground: #111118; /* 18,80:1 */
  --card-foreground: #111118;
  --popover-foreground: #111118;
}
@media (prefers-color-scheme: light) {
  html:not([data-tema]) body[data-porta="polo"] {
    --secondary: #f2f2f5;
    --secondary-foreground: #2f3156; /* 11,09:1 no --secondary */
    --muted: #f4f4f6;
    --muted-foreground: #595a69; /* 6,79:1 no branco */
    --accent: #eaeaf1;
    --accent-foreground: #111118;
    --border: #e5e5ea;
    --input: #858699; /* 3,58:1 */
    --sidebar: #ffffff;
    --sidebar-accent: #f2f2f5;
    --pontos: #c9cad4;
    --foreground: #111118; /* 18,80:1 */
    --card-foreground: #111118;
    --popover-foreground: #111118;
  }
}
/* r81 (02/10/2026): o ESCURO de todas as portas e o grafite neutro de tokens.css (pagina, cartao, menu, borda e
   texto sem verde, azul nem roxo: croma de no maximo 0,012, medido por `node scripts/medir-proposta.mjs croma`).
   Antes cada porta pintava o proprio fundo escuro com a cor dela (o do Painel Intel era verde: o "fundo
   verde" de que o Presidente reclamou). Aqui a porta redefine SO a marca: o `--primary` que clareia, o anel de foco e a escala de serie. */
@media (prefers-color-scheme: dark) {
  html:not([data-tema="claro"]) body[data-porta="polo"] {
    --primary: #a0a3c5; /* 8,03:1 com o texto escuro em cima */
    --primary-foreground: #0a0a10;
    --primary-hover: #b6b8d5;
    --ring: #7d81b4;
    --ok: #8fb76e;
    --ok-fundo: #182010;
    --chart-1: #7c9bd8;
    --chart-2: #6fb0e0;
    --chart-3: #a3c076;
    --chart-4: #eebb7d;
    --chart-5: #c97fae;
    --chart-6: #b573ac;
  }
}
html[data-tema="escuro"] body[data-porta="polo"] {
  --primary: #a0a3c5;
  --primary-foreground: #0a0a10;
  --primary-hover: #b6b8d5;
  --ring: #7d81b4;
  --ok: #8fb76e;
  --ok-fundo: #182010;
  --chart-1: #7c9bd8;
  --chart-2: #6fb0e0;
  --chart-3: #a3c076;
  --chart-4: #eebb7d;
  --chart-5: #c97fae;
  --chart-6: #b573ac;
}

/* A COR DA PORTA NO PORTAL (r84, 03/10/2026): o cartao desta porta na tela do Portal (assets/css/portal.css) le duas
   variaveis. `--porta-marca` e FIGURA (o filete do alto, a pastilha, o circulo da seta: 3:1 ou mais) e
   `--porta-texto` e TEXTO (a palavra "Sistema": 4,5:1 ou mais). O marinho da palavra do logotipo; no escuro o mesmo matiz clareado (o `--primary` do escuro dela e um lilas quase cinza, que no filete nao pareceria cor).
   Claro: marca #3c418a (9,07:1 no branco), texto #3c418a (9,07:1 no branco). Escuro: marca #8a90d6 (5,71:1 no cartao escuro #1c1c1c), texto #a0a3c5 (6,93:1 no cartao escuro). */
.porta-cartao[data-porta="polo"] {
  --porta-marca: #3c418a;
  --porta-texto: #3c418a;
}
@media (prefers-color-scheme: dark) {
  html:not([data-tema="claro"]) .porta-cartao[data-porta="polo"] {
    --porta-marca: #8a90d6;
    --porta-texto: #a0a3c5;
  }
}
html[data-tema="escuro"] .porta-cartao[data-porta="polo"] {
  --porta-marca: #8a90d6;
  --porta-texto: #a0a3c5;
}