/* © 2026 Jose Carvalho. Intel Ceasa. Ver LICENSE. */
/* ============================================================
   SISTEMA GRUPO JAP -- a cor sai do manual da marca JAP Frutas (~/Desktop/DEV/jap-frutas-marca,
   13 paginas), medida pixel a pixel no proprio logotipo.

   O VERDE DA MARCA E #709217, e ele NAO vira `--primary` direto: com texto branco em cima da
   3,61:1, abaixo dos 4,5:1 que texto pede. Entao `--primary` e o mesmo verde escurecido ate
   5,27:1, e o #709217 fica onde cabe inteiro -- no anel de foco e na serie 2 do grafico, que sao
   figura e nao texto. O laranja #F46003 e a segunda cor do nome (a letra R) e entra como
   contraponto da escala de grafico, no lugar do citrico que o painel usa.

   Ver assets/css/sistemas/_LEIA-ME.md para o mecanismo.
   ============================================================ */
body[data-porta="jap"] {
  --primary: #5a7512; /* 5,27:1 com branco em cima */
  --primary-hover: #4a6110; /* 6,98: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 verde folha da JAP Frutas, medido no logotipo. */
  --marca-solida: #5a7512;
  --marca-solida-forte: #4a6110;
  --marca-solida-tinta: #ffffff;

  --ring: #709217; /* o verde da marca inteiro: 3,61:1, e anel pede 3:1 */
  --ok: #4e6610; /* 6,50:1 */
  --ok-fundo: #edf3de;
  --chart-1: #3d4f0c;
  --chart-2: #709217;
  --chart-3: #9cc62f;
  --chart-4: #bcd47c;
  --chart-5: #f46003; /* o laranja do nome */
  --chart-6: #253008;
}
/* 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="jap"] {
  --secondary: #f5f7f0;
  --secondary-foreground: #485b15; /* 6,99:1 no --secondary */
  --muted: #f6f8f3;
  --muted-foreground: #687051; /* 5,22:1 no branco */
  --accent: #eff3e5;
  --accent-foreground: #181d0c;
  --border: #e9ece1;
  --input: #8a9273; /* 3,25:1 no branco, piso de contorno de campo */
  --sidebar: #ffffff;
  --sidebar-accent: #f5f7f0;
  --pontos: #d1d6c2;
  --foreground: #181d0c; /* 17,21:1 */
  --card-foreground: #181d0c;
  --popover-foreground: #181d0c;
}
@media (prefers-color-scheme: light) {
  html:not([data-tema]) body[data-porta="jap"] {
    --secondary: #f5f7f0;
    --secondary-foreground: #485b15; /* 6,99:1 no --secondary */
    --muted: #f6f8f3;
    --muted-foreground: #687051; /* 5,22:1 no branco */
    --accent: #eff3e5;
    --accent-foreground: #181d0c;
    --border: #e9ece1;
    --input: #8a9273; /* 3,25:1 no branco, piso de contorno de campo */
    --sidebar: #ffffff;
    --sidebar-accent: #f5f7f0;
    --pontos: #d1d6c2;
    --foreground: #181d0c; /* 17,21:1 */
    --card-foreground: #181d0c;
    --popover-foreground: #181d0c;
  }
}
/* 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. */
/* O ESCURO EM DOIS SELETORES, como tokens.css faz: o primeiro pega quem esta no escuro do sistema
   e nunca escolheu; o segundo pega quem apertou o botao. Sem os dois, quem escolhe escuro na mao
   fica com a pele clara por cima do chao escuro. */
/* stylelint-disable-next-line no-descending-specificity */
@media (prefers-color-scheme: dark) {
  html:not([data-tema="claro"]) body[data-porta="jap"] {
    --primary: #b6d369; /* 11,42:1 com o texto escuro em cima */
    --primary-foreground: #0e1007;
    --primary-hover: #c7dd88;
    --ring: #9cc62f;
    --ok: #a9cc5d;
    --ok-fundo: #1c2810;
    --chart-1: #b6d369;
    --chart-2: #9cc62f;
    --chart-3: #6f8a23;
    --chart-4: #4e6610;
    --chart-5: #f4823a;
    --chart-6: #dde6c8;
  }
}
html[data-tema="escuro"] body[data-porta="jap"] {
  --primary: #b6d369;
  --primary-foreground: #0e1007;
  --primary-hover: #c7dd88;
  --ring: #9cc62f;
  --ok: #a9cc5d;
  --ok-fundo: #1c2810;
  --chart-1: #b6d369;
  --chart-2: #9cc62f;
  --chart-3: #6f8a23;
  --chart-4: #4e6610;
  --chart-5: #f4823a;
  --chart-6: #dde6c8;
}

/* 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 verde da marca inteiro, o mesmo do anel de foco.
   Claro: marca #709217 (3,61:1 no branco), texto #5a7512 (5,27:1 no branco). Escuro: marca #9cc62f (8,55:1 no cartao escuro #1c1c1c), texto #b6d369 (10,15:1 no cartao escuro). */
.porta-cartao[data-porta="jap"] {
  --porta-marca: #709217;
  --porta-texto: #5a7512;
}
@media (prefers-color-scheme: dark) {
  html:not([data-tema="claro"]) .porta-cartao[data-porta="jap"] {
    --porta-marca: #9cc62f;
    --porta-texto: #b6d369;
  }
}
html[data-tema="escuro"] .porta-cartao[data-porta="jap"] {
  --porta-marca: #9cc62f;
  --porta-texto: #b6d369;
}