/* ===========================================================================
   Prumo — folha de tokens · guidebook de marca v1.0
   Fonte: "14. Prumo (ERP) White Label/prumo-guidebook-de-marca.html"

   REGRA DE OURO, do proprio guidebook:
   "se um componente precisar de uma cor que nao esta nesta lista, o problema
   e do componente, nao da lista."

   Nenhum componente conhece cor direta. Todos leem estes tokens.
   =========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Fredoka:wght@500;600&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  /* --- neutros: IDENTICOS nas quatro paletas ---------------------------- */
  --prumo-grafite:  #1C1C1A;   /* texto principal e fundos escuros */
  --prumo-carvao:   #3D3D39;   /* texto de apoio */
  --prumo-nevoa:    #8B8880;   /* legendas, rotulos, campos vazios */
  --prumo-areia:    #EFE9DE;   /* blocos e superficies secundarias */
  --prumo-papel:    #FAF8F4;   /* fundo */
  --prumo-tinta:    #FFFFFF;   /* texto dentro da pilula — sempre puro */

  /* --- estados: tambem identicos nas quatro paletas ---------------------
     Se o verde de sucesso mudasse junto com a paleta, o usuario teria que
     reaprender a interface a cada cliente. Sao mais fechadas que as cores de
     marca de proposito: avisam, nao competem.                             */
  --prumo-sucesso:  #2E7D57;
  --prumo-atencao:  #B8860F;
  --prumo-erro:     #C0392B;
  --prumo-info:     #2F6FB5;

  /* --- geometria do logotipo -------------------------------------------
     Toda medida deriva de H, a altura da pilula da frente. Nunca medir em
     pixel absoluto: escale H e o resto acompanha.                          */
  --prumo-desloc:   0.16;      /* deslocamento da camada, fracao de H */
  --prumo-raio:     50%;       /* pilula COMPLETA — nunca um raio menor */
  --prumo-corpo:    0.58;      /* corpo do texto, fracao de H */
  --prumo-folga:    0.46;      /* folga lateral, fracao de H */
  --prumo-respiro:  0.50;      /* area de respiro, a partir da camada de apoio */
  --prumo-h-minimo: 24px;      /* abaixo disso, usar a versao plana */

  /* --- tipografia -------------------------------------------------------
     Fredoka: SO logotipo e assinatura. A raridade e o que a mantem
     reconhecivel — nunca em texto corrido nem em titulo de interface.      */
  --prumo-fonte-marca:     'Fredoka', sans-serif;
  --prumo-fonte-titulo:    'Bricolage Grotesque', system-ui, sans-serif;
  --prumo-fonte-interface: 'IBM Plex Sans', system-ui, sans-serif;
  --prumo-fonte-numero:    'IBM Plex Mono', ui-monospace, monospace;
  --prumo-peso-max-interface: 500;   /* IBM Plex Sans NUNCA acima de 600 */
}

/* --- a escolha do cliente troca apenas estas duas linhas ------------------
   Uma paleta por ambiente. Nunca duas na mesma peca, tela ou documento.

   AMETISTA E A PALETA PRINCIPAL (Gregory, 21/08/2026). E a da marca-mae: e
   nela que o logotipo institucional e a assinatura aparecem. As outras tres
   existem para o cliente white label escolher.                             */
[data-paleta="ametista"]  { --prumo-base:#7F77DD; --prumo-apoio:#EF9F27; }
[data-paleta="folha"]     { --prumo-base:#1D9E75; --prumo-apoio:#D85A30; }
[data-paleta="barro"]     { --prumo-base:#D85A30; --prumo-apoio:#7F77DD; }
[data-paleta="framboesa"] { --prumo-base:#D4537E; --prumo-apoio:#378ADD; }

/* Sem paleta declarada: ametista. Nao e fallback de emergencia — e o padrao
   da casa. Um ambiente sem cliente definido e um ambiente da Prumo. */
:root:not([data-paleta]) { --prumo-base:#7F77DD; --prumo-apoio:#EF9F27; }

/* ===========================================================================
   CAMADA DERIVADA  —  acrescentada em 22/08/2026

   A regra de ouro do guidebook diz: "se um componente precisar de uma cor que
   nao esta nesta lista, o problema e do componente, nao da lista." Ao construir
   a primeira tela de verdade (o console do DP) apareceram seis cores que
   NENHUM componente honesto consegue evitar: a linha de uma tabela, e o fundo
   fraco de cada estado. Sem elas, cada tela inventa a sua — e foi o que
   comecou a acontecer, com duas sessoes construindo dois conjuntos paralelos.

   Elas nao sao cores novas: sao DERIVADAS das que ja existem. Entram aqui em
   vez de em cada tela justamente para que a lista continue sendo a lista.

   Nenhuma delas e' a cor de apoio. R02 continua valendo sem excecao.
   =========================================================================== */
:root {
  /* Linhas. Duas, e a diferenca importa: a forte separa secao, a fraca separa
     linha de tabela. Uma so' deixa a tabela pesada ou a secao invisivel. */
  --prumo-linha:       #DED6C8;
  --prumo-linha-fraca: #EAE4D8;

  /* Fundo fraco de cada estado, para pastilha e bloco de aviso. O texto por
     cima e' sempre a cor cheia do estado — nunca o inverso, que reprovaria
     contraste. */
  --prumo-base-fraco:    #EFEEFB;
  --prumo-base-medio:    #DEDCF7;
  --prumo-sucesso-fraco: #E4EFE9;
  --prumo-atencao-fraco: #F7F0DE;
  --prumo-erro-fraco:    #F8E9E7;
  --prumo-info-fraco:    #E7EEF7;

  /* O QUINTO estado: neutro. Nao e' sucesso, nao e' alerta, nao e' erro e nao
     e' informacao — e' "isto tem um estado, e o estado nao carrega juizo":
     desligado, arquivado, encerrado.

     Ele nasce aqui em 22/08/2026 porque DUAS sessoes chegaram nele sozinhas, no
     mesmo dia, e escolheram o mesmo par (areia com carvao). Convergencia nao
     prova que esta certo, mas prova que a necessidade e' real — e o motivo de
     subir para a folha e' o mesmo dos seis acima: senao cada tela inventa o
     seu, e um dia sao dois cinzas.

     Nao e' cor nova: e' um PAPEL com nome, apontando para neutro que ja existe.
     Nomear o papel e' o que permite trocar o valor em um lugar so. */
  --prumo-neutro:        var(--prumo-carvao);
  --prumo-neutro-fraco:  var(--prumo-areia);

  /* Sombra unica. Duas sombras diferentes na mesma tela e' o comeco de tres. */
  --prumo-sombra: 0 1px 2px rgba(28,28,26,.04), 0 6px 20px -14px rgba(28,28,26,.25);
}

/* O fraco da BASE muda com a paleta; os dos estados, nao — pela mesma razao
   que os estados nao mudam: ninguem reaprende interface a cada cliente. */
[data-paleta="folha"]     { --prumo-base-fraco:#E8F5F0; --prumo-base-medio:#CFEAE0; }
[data-paleta="barro"]     { --prumo-base-fraco:#FBEDE8; --prumo-base-medio:#F6D8CD; }
[data-paleta="framboesa"] { --prumo-base-fraco:#FBEBF1; --prumo-base-medio:#F5D4E0; }

/* ===========================================================================
   O QUE A COR DE APOIO NAO PODE FAZER  (R02)
   Ela existe para a camada deslocada do logotipo e para filetes.
   NUNCA para texto, botao ou fundo de bloco. Nao ha excecao.

   O texto dentro da pilula e sempre --prumo-tinta, branco puro (R03).
   A assinatura "simples assim." usa --prumo-base, nunca --prumo-apoio (R04) —
   no lockup horizontal ela sai em roxo ao lado da pilula, separada por um
   filete, e nunca em laranja.
   Sobre fundo colorido ou fotografia: apenas a versao plana branca (R05).
   =========================================================================== */