/* Marca PKJ Alimentação. O vinho do logo no cabeçalho, a tinta na barra, e uma cor própria por entidade:
   depósito (Estoque verde, Cozinha laranja), nota (dourado), aviso neutro (azul-petróleo) e estado da requisição.
   Cada entidade tem três tons: o nome puro serve para TEXTO (contraste >= 4,5:1 sobre o tom suave),
   "-viva" para faixa, borda e anel, "-suave" para fundo. Cor nova entra aqui, nunca solta na tela. */
:root {
  --marca: #7f2429; --marca-forte: #5c191d; --marca-suave: #f8ecec; --sobre-marca: #ffffff;
  --vinho-claro: #a5383e; --vinho-1: #8c2a30; --vinho-2: #5a1b1f; --tinta: #1d1215; --noite: #151920; --noite-2: #222935;
  --dourado: #e2ae2c; --dourado-forte: #7d5a06;

  --fundo: #eef0f5; --superficie: #ffffff; --superficie-2: #f3f5f8; --borda: #dfe3ea;
  --texto: #171b22; --texto-2: #566070;

  --nota: #7d5a06;      --nota-viva: #e2ae2c;     --nota-suave: #fdf4d9;
  --estoque: #14664f;   --estoque-viva: #2fae85;  --estoque-suave: #e0f4ec;
  --cozinha: #a14406;   --cozinha-viva: #ee7b22;  --cozinha-suave: #fdecdd;
  --petroleo: #17607a;  --petroleo-viva: #37a6c9; --petroleo-suave: #e0f1f6;

  --rascunho: #4d5665;  --rascunho-viva: #9aa3b2; --rascunho-suave: #eceff3;
  --enviada: #94480a;   --enviada-viva: #f08a24;  --enviada-suave: #fdecd9;
  --separada: #1c4fae;  --separada-viva: #3f7ae0; --separada-suave: #e4edfc;
  --entregue: #14664f;  --entregue-viva: #2fae85; --entregue-suave: #e0f4ec;
  --conferida: #1f5132; --conferida-viva: #3c8f5d; --conferida-suave: #e2f1e7;
  --cancelada: #a3221b; --cancelada-viva: #d9534b; --cancelada-suave: #fde7e6;

  --ok: #14664f; --ok-suave: #e0f4ec; --alerta: #7d5a06; --alerta-suave: #fdf4d9; --erro: #a3221b; --erro-suave: #fde7e6; --info: #17607a; --info-suave: #e0f1f6;

  /* botão principal (gradiente de cima para baixo) e o mesmo com o ponteiro em cima */
  --marca-topo: #9b3038; --marca-pe: #671b20; --marca-topo-foco: #a8363f; --marca-meio-foco: #8a282e; --marca-pe-foco: #701e23;
  /* a esteira do Início: painel, rodas, lona e pacotes */
  --painel-1: #1c1418; --painel-2: #24151a; --falha-clara: #ffb4ad;
  --roda-1: #ffffff; --roda-2: #f7f4f2; --roda-3: #ddd6d1; --lona: #0b0d11;
  --pacote-1: #f2c66f; --pacote-2: #d39a3a; --pacote-cozinha-1: #ffa55e; --pacote-cozinha-2: #e2701c;

  --raio: 10px; --raio-grande: 16px;
  --sombra: 0 1px 2px rgb(20 24 32 / .06), 0 6px 18px rgb(20 24 32 / .07);
  --sombra-alta: 0 2px 4px rgb(20 24 32 / .08), 0 16px 36px rgb(20 24 32 / .16);
  --sombra-marca: 0 8px 18px rgb(127 36 41 / .32), inset 0 1px 0 rgb(255 255 255 / .2);
  --foco: 0 0 0 3px rgb(226 174 44 / .75);
  --largura: 1180px;
  --barra-baixo: 0px; /* altura da barra de baixo do celular (a casca liga) */
}

/* a cor da entidade chega às peças por três variáveis: --cor (texto), --cor-viva (faixa) e --cor-suave (fundo) */
.cor-nota      { --cor: var(--nota);      --cor-viva: var(--nota-viva);      --cor-suave: var(--nota-suave); }
.cor-estoque   { --cor: var(--estoque);   --cor-viva: var(--estoque-viva);   --cor-suave: var(--estoque-suave); }
.cor-cozinha   { --cor: var(--cozinha);   --cor-viva: var(--cozinha-viva);   --cor-suave: var(--cozinha-suave); }
.cor-petroleo  { --cor: var(--petroleo);  --cor-viva: var(--petroleo-viva);  --cor-suave: var(--petroleo-suave); }
.cor-rascunho  { --cor: var(--rascunho);  --cor-viva: var(--rascunho-viva);  --cor-suave: var(--rascunho-suave); }
.cor-enviada   { --cor: var(--enviada);   --cor-viva: var(--enviada-viva);   --cor-suave: var(--enviada-suave); }
.cor-separada  { --cor: var(--separada);  --cor-viva: var(--separada-viva);  --cor-suave: var(--separada-suave); }
.cor-entregue  { --cor: var(--entregue);  --cor-viva: var(--entregue-viva);  --cor-suave: var(--entregue-suave); }
.cor-conferida { --cor: var(--conferida); --cor-viva: var(--conferida-viva); --cor-suave: var(--conferida-suave); }
.cor-cancelada { --cor: var(--cancelada); --cor-viva: var(--cancelada-viva); --cor-suave: var(--cancelada-suave); }
.cor-erro      { --cor: var(--erro);      --cor-viva: var(--cancelada-viva); --cor-suave: var(--erro-suave); }
.cor-marca     { --cor: var(--marca);     --cor-viva: var(--vinho-claro);    --cor-suave: var(--marca-suave); }