/*
  Tema do painel (cores, fontes, tamanhos). TODO o visual sai destas variáveis:
  para afinar com prints do Olist ERP, ajuste aqui e o resto acompanha.
  Referência: menu lateral com faixa azul-marinho de ícones + painel claro com os módulos,
  azul de destaque nos botões principais (pílula), abas em minúsculas com contadores embaixo.
*/
:root {
  /* fontes */
  --fonte: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* fonte do Olist ERP */
  --fonte-titulo: "Plus Jakarta Sans", system-ui, sans-serif;
  --tam-base: 14px;
  --tam-pequeno: 12px;
  --tam-titulo: 20px;

  /* marca / destaque: cores da Paisano (www.paisanobrew.co: --primary-color #b93334, creme #f9f7e4, preto #03060b).
     As variáveis continuam chamadas "azul" (nome histórico do destaque), mas o valor é o vermelho da marca. */
  --azul: #b93334;            /* vermelho Paisano: botões primários, item ativo, links */
  --azul-hover: #9c2a2b;
  --azul-claro: #f6e3e1;      /* fundo do item ativo / selecionado */
  --azul-texto: #a52d2e;
  --faixa: #03060b;          /* faixa de ícones à esquerda: preto da marca */
  --faixa-icone: #d8d5c3;    /* creme da marca, apagado */

  /* superfícies */
  --fundo: #fcfbf6;           /* creme bem claro (derivado do #f9f7e4 da marca) */
  --fundo-menu: #f9f7ec;
  --fundo-suave: #f3f1e6;
  --fundo-linha-hover: #fbf4f2;
  --fundo-selecionado: #f6e3e1;
  --borda: #e4e4e7;
  --borda-forte: #cfcfd6;
  --borda-campo: #e8e5d9;     /* borda de campos, chips e botões contorno (medida na Olist) */
  --texto-rotulo: #616161;    /* rótulos de campo e cabeçalho de tabela (Olist) */
  --texto: #10100f;           /* títulos no Olist */
  --texto-suave: #5e5d5a;     /* texto padrão no Olist */
  --texto-fraco: #9a9aa3;

  /* estados */
  --ok: #1f9d55;
  --ok-fundo: #e6f6ec;
  --alerta: #c27c00;
  --alerta-fundo: #fff4dc;
  --erro: #d93025;
  --erro-fundo: #fdecea;

  /* situações dos pedidos (bolinhas como no fluxo do Olist) */
  --sit-em_aberto: #f2d33b;
  --sit-aprovado: #7fd690;
  --sit-preparando: #3e9fb5;
  --sit-faturado: #3d8bf2;
  --sit-pronto_envio: #e86f2c;
  --sit-enviado: #8b8fd6;
  --sit-entregue: #5aa75e;
  --sit-cancelado: #d9534f;
  --sit-nao_entregue: #4b4b4b;
  --sit-dados_incompletos: #b9b9b9;
  --sit-em_devolucao: #c06bd6;

  /* forma */
  --raio: 8px;
  --raio-pilula: 999px;
  --sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
  --sombra-flutuante: 0 8px 24px rgba(16, 24, 40, .16);
  --largura-faixa: 56px;
  --largura-menu: 232px;
  --altura-topo: 52px;
}

/* Tema escuro: automático pelo sistema, ou forçado com data-theme="dark" (o Olist tem auto/claro/escuro) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fundo: #0b0d12; --fundo-menu: #111318; --fundo-suave: #1a1c22; --fundo-linha-hover: #23191a;
    --fundo-selecionado: #3a1c1c; --borda: #2e3038; --borda-forte: #3c3f4a; --borda-campo: #3a3c46; --texto-rotulo: #a3a3ad; --texto: #f9f7e4; --texto-suave: #a3a3ad;
    --texto-fraco: #777783; --azul: #d9484a; --azul-hover: #e5686a; --azul-claro: #3a1c1c; --azul-texto: #f0a7a7;
    --faixa: #000000; --ok-fundo: #173323; --alerta-fundo: #3a2d10; --erro-fundo: #3d1b1a; --sombra: none;
  }
}
:root[data-theme="dark"] {
  --fundo: #0b0d12; --fundo-menu: #111318; --fundo-suave: #1a1c22; --fundo-linha-hover: #23191a;
  --fundo-selecionado: #3a1c1c; --borda: #2e3038; --borda-forte: #3c3f4a; --borda-campo: #3a3c46; --texto-rotulo: #a3a3ad; --texto: #f9f7e4; --texto-suave: #a3a3ad;
  --texto-fraco: #777783; --azul: #d9484a; --azul-hover: #e5686a; --azul-claro: #3a1c1c; --azul-texto: #f0a7a7;
  --faixa: #000000; --ok-fundo: #173323; --alerta-fundo: #3a2d10; --erro-fundo: #3d1b1a; --sombra: none;
}