/* © 2026 Jose Carvalho. Intel Ceasa. Ver LICENSE. */
/* ============================================================
   SISTEMA NOVA CEASA -- a cor sai do BRANDBOOK NOVA CEASA - DEL COSTA
   (~/Desktop/DEV/delcosta-brandbook, 43 paginas; o CMYK de la foi extraido do vetor original, nao
   convertido). As duas cores da marca, na pagina de paleta:

     Verde Ceasa    #144221   C93 M42 Y100 K50
     Laranja Feira  #F47216   C0  M60 Y100 K0

   O VERDE ENTRA INTEIRO como `--primary`: 11,47:1 com branco em cima, folgado acima do piso. E o
   contrario do tema da JAP, onde o verde da marca e claro demais e precisou escurecer -- aqui a
   marca ja nasce com contraste de sobra, e escurecer seria inventar uma cor que o manual nao tem.

   O LARANJA #F47216 da 2,89:1 no branco: nao serve para texto nem para contorno, e serve para
   FIGURA. Ele entra como contraponto da escala de grafico e em nenhum lugar onde uma palavra
   precise ser lida por cima.

   AS FONTES DO MANUAL (Poppins e Archivo) NAO ENTRAM AQUI, e isso e decisao registrada: trocar a
   familia muda a metrica de toda linha, e o portao de quebra de linha mede 41.992 palavras em 32
   telas. Fonte e uma tarefa propria, com a medicao propria.
   ============================================================ */
body[data-porta="novaceasa"] {
  --primary: #144221; /* Verde Ceasa, o do manual: 11,47:1 */
  --primary-hover: #10361b; /* 13,41: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 Ceasa do manual da marca. */
  --marca-solida: #144221;
  --marca-solida-forte: #10361b;
  --marca-solida-tinta: #ffffff;

  --ring: #2f7a48; /* o verde da marca clareado: anel escuro demais some no proprio texto */
  --ok: #1c6b38;
  --ok-fundo: #e6f2ea;
  --chart-1: #144221;
  --chart-2: #2f7a48;
  --chart-3: #43b262;
  --chart-4: #88c99a;
  --chart-5: #f47216; /* Laranja Feira, o contraponto do manual */
  --chart-6: #0d2b16;
}
/* 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="novaceasa"] {
  --secondary: #f1f6f2;
  --secondary-foreground: #1f522d; /* 8,34:1 no --secondary */
  --muted: #f3f7f5;
  --muted-foreground: #556c5c; /* 5,70:1 no branco */
  --accent: #e7f1ea;
  --accent-foreground: #0e1a12;
  --border: #e3ebe5;
  --input: #7b9382; /* 3,32:1 no branco */
  --sidebar: #ffffff;
  --sidebar-accent: #f1f6f2;
  --pontos: #c4d4c9;
  --foreground: #0e1a12; /* 17,87:1 */
  --card-foreground: #0e1a12;
  --popover-foreground: #0e1a12;
}
@media (prefers-color-scheme: light) {
  html:not([data-tema]) body[data-porta="novaceasa"] {
    --secondary: #f1f6f2;
    --secondary-foreground: #1f522d; /* 8,34:1 no --secondary */
    --muted: #f3f7f5;
    --muted-foreground: #556c5c; /* 5,70:1 no branco */
    --accent: #e7f1ea;
    --accent-foreground: #0e1a12;
    --border: #e3ebe5;
    --input: #7b9382; /* 3,32:1 no branco */
    --sidebar: #ffffff;
    --sidebar-accent: #f1f6f2;
    --pontos: #c4d4c9;
    --foreground: #0e1a12; /* 17,87:1 */
    --card-foreground: #0e1a12;
    --popover-foreground: #0e1a12;
  }
}
/* 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="novaceasa"] {
    --primary: #77c58d; /* 9,38:1 com o texto escuro em cima */
    --primary-foreground: #080f0a;
    --primary-hover: #93d3a5;
    --ring: #43b262;
    --ok: #74cf98;
    --ok-fundo: #0f2e1d;
    --chart-1: #77c58d;
    --chart-2: #43b262;
    --chart-3: #2f7a48;
    --chart-4: #1c5230;
    --chart-5: #f4923f;
    --chart-6: #d6e6dc;
  }
}
html[data-tema="escuro"] body[data-porta="novaceasa"] {
  --primary: #77c58d;
  --primary-foreground: #080f0a;
  --primary-hover: #93d3a5;
  --ring: #43b262;
  --ok: #74cf98;
  --ok-fundo: #0f2e1d;
  --chart-1: #77c58d;
  --chart-2: #43b262;
  --chart-3: #2f7a48;
  --chart-4: #1c5230;
  --chart-5: #f4923f;
  --chart-6: #d6e6dc;
}

/* 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 Laranja Feira, o contraponto do manual (o verde dela, o do menu, ja e a cor do Painel Intel ao lado, e as duas portas lado a lado se confundiriam), escurecido ate dar 3:1.
   Claro: marca #e8590c (3,58:1 no branco), texto #144221 (11,47:1 no branco). Escuro: marca #f4923f (7,33:1 no cartao escuro #1c1c1c), texto #77c58d (8,24:1 no cartao escuro). */
.porta-cartao[data-porta="novaceasa"] {
  --porta-marca: #e8590c;
  --porta-texto: #144221;
}
@media (prefers-color-scheme: dark) {
  html:not([data-tema="claro"]) .porta-cartao[data-porta="novaceasa"] {
    --porta-marca: #f4923f;
    --porta-texto: #77c58d;
  }
}
html[data-tema="escuro"] .porta-cartao[data-porta="novaceasa"] {
  --porta-marca: #f4923f;
  --porta-texto: #77c58d;
}