/* ============================================================================
 * TEMA — Bancada
 *
 * ESTE É O ÚNICO ARQUIVO QUE TROCA PARA MUDAR A APARÊNCIA DO SISTEMA.
 * Ele não contém nenhuma regra de layout: só valores. `app.css` consome
 * estes tokens e não conhece nenhuma cor literal.
 *
 * Para criar outro tema: copie este arquivo, troque os valores, e aponte o
 * layout para ele (resources/views/components/layout.blade.php).
 *
 * Tese da Bancada: a fila é uma bancada que o prestador opera o dia inteiro.
 * Fundo quase-preto como substrato, fio de 1px no lugar de sombra empilhada,
 * densidade alta, e âmbar como único ponto de tensão da tela.
 * ========================================================================= */
:root{
  color-scheme: dark;

  /* --- superfícies ------------------------------------------------------ */
  --fundo:#0e1013;          /* substrato */
  --painel:#16191d;         /* cartão, topo, menu */
  --painel-alto:#1c2026;    /* hover, linha destacada */
  --campo:#0f1216;          /* dentro de input */
  --fio:#23262b;            /* borda padrão — 1px, sem sombra */
  --fio-forte:#31353c;      /* borda de foco/hover */

  /* --- texto ------------------------------------------------------------ */
  --texto:#e8eaed;
  --texto-fraco:#8b9198;
  --texto-apagado:#61666d;

  /* --- acento: um só ponto de tensão na tela --------------------------- */
  --acento:#e8a33d;
  --acento-forte:#f2b355;
  --acento-contraste:#17140c;

  /* --- semântica: separada do acento, de propósito --------------------- */
  --info:#4c8df5;    --info-f:#152539;  --info-t:#7fb2ff;  --info-b:#22374f;
  --aviso:#e8a33d;   --aviso-f:#2e2411; --aviso-t:#e8a33d; --aviso-b:#453413;
  --bom:#35c489;     --bom-f:#0f2a20;   --bom-t:#4bd6a0;   --bom-b:#1a3d30;
  --ruim:#e5484d;    --ruim-f:#2e1417;  --ruim-t:#ff8085;  --ruim-b:#452025;
  --neutro:#6b7079;  --neutro-f:#212429;--neutro-t:#9299a1;--neutro-b:#2e3238;
  --destaque:#9d7ffb;--dest-f:#241d38;  --dest-t:#b6a0ff;  --dest-b:#352b4d;

  /* --- estado da demanda: um par por estado ---------------------------- *
   * A cor por estado vive aqui e em nenhum outro lugar. O componente
   * <x-estado> lê pelo nome do estado; nem o Blade nem o JS sabem a cor.   */
  --e-rascunho:var(--neutro);            --e-rascunho-f:var(--neutro-f); --e-rascunho-t:var(--neutro-t); --e-rascunho-b:var(--neutro-b);
  --e-nova:var(--info);                  --e-nova-f:var(--info-f);       --e-nova-t:var(--info-t);       --e-nova-b:var(--info-b);
  --e-em_analise:var(--aviso);           --e-em_analise-f:var(--aviso-f); --e-em_analise-t:var(--aviso-t); --e-em_analise-b:var(--aviso-b);
  --e-aguardando_aprovacao:var(--destaque); --e-aguardando_aprovacao-f:var(--dest-f); --e-aguardando_aprovacao-t:var(--dest-t); --e-aguardando_aprovacao-b:var(--dest-b);
  --e-em_andamento:var(--info);          --e-em_andamento-f:var(--info-f); --e-em_andamento-t:var(--info-t); --e-em_andamento-b:var(--info-b);
  --e-concluida:var(--bom);              --e-concluida-f:var(--bom-f);    --e-concluida-t:var(--bom-t);    --e-concluida-b:var(--bom-b);
  --e-recusada:var(--ruim);              --e-recusada-f:var(--ruim-f);    --e-recusada-t:var(--ruim-t);    --e-recusada-b:var(--ruim-b);

  /* --- nota interna: sempre visualmente distinta do que o cliente vê --- */
  --interno-f:#2e2411; --interno-b:#453413; --interno-t:#e8a33d;

  /* --- tipografia ------------------------------------------------------- */
  --fonte:"Archivo","Helvetica Neue",system-ui,-apple-system,sans-serif;
  --fonte-mono:"Azeret Mono",ui-monospace,"SFMono-Regular",monospace;
  --corpo:0.95rem;        /* ≥16px equivalente com o ajuste de escala abaixo */
  --miudo:0.84rem;
  --rotulo:0.72rem;
  --entrelinha:1.55;      /* conforto de leitura */
  --aperto:-0.008em;

  /* --- forma e espaço --------------------------------------------------- */
  --raio:6px;
  --raio-p:5px;
  --raio-pilula:999px;
  --e1:4px; --e2:8px; --e3:12px; --e4:18px; --e5:26px; --e6:38px;
  --largura-max:1220px;      /* medida de leitura: texto, formulário, lista */
  --largura-larga:1680px;    /* o quadro: 6 colunas não cabem em medida de leitura */
  --largura-estreita:400px;

  /* --- movimento -------------------------------------------------------- */
  --transicao:140ms ease;
}
