/* ==========================================================================
   TEMA DO SISTEMA
   Único arquivo para trocar cores, textos da entrada e nome do sistema.
   Edite os valores, salve e recarregue a página com Ctrl+F5. Não é preciso compilar.
   ========================================================================== */

:root {
  /* ---- Cores ------------------------------------------------------------ */
  --cor-primaria: #363435;     /* botões principais, menu, títulos em destaque */
  --cor-botao: #363435;        /* fundo dos botões principais (Entrar, Salvar...) */
  --cor-botao-texto: #ffffff;  /* letras dos botões principais */
  --cor-menu-fundo: #ffffff;   /* barra do menu no topo das páginas */
  --cor-menu-texto: #363435;   /* itens do menu e nome do usuário */
  --cor-destaque: #a67c3d;     /* detalhes: foco do teclado, linha dos títulos, indicadores */
  --cor-fundo: #f1f2f3;        /* fundo das páginas */
  --cor-superficie: #ffffff;   /* cartões, tabelas, menu */
  --cor-texto: #262425;        /* texto principal */
  --cor-texto-suave: #6b6869;  /* texto secundário e legendas */
  --cor-borda: #dad9d8;        /* linhas e contornos */
  --cor-secundaria: #ffffff;        /* fundo dos botões secundários (Voltar, Cancelar...) */
  --cor-secundaria-texto: #363435;  /* texto dos botões secundários */

  --cor-sucesso: #2e6b4f;
  --cor-aviso: #9a6200;
  --cor-erro: #b3261e;

  /* ---- Tela de entrada (login e escolha da empresa) ---------------------- */
  --fundo-entrada: none;   /* ex.: url("/tema/fundo.jpg") (coloque o arquivo nesta pasta) */
  --entrada-titulo: "Gestão da empresa em um só lugar";
  --entrada-subtitulo: "Pedidos, financeiro, cobrança e notas de serviço, com o acesso que o seu usuário tem.";

  /* ---- Textos gerais ---------------------------------------------------- */
  --nome-site: "GHS Mascote";
  --rodape: "Powered by GHS Tecnologia®";
  --rodape-link: "https://www.ghstecnologia.com.br";
}

/* ---- Logotipo (opcional; a tela de configuração pode enviar um) -------- */
:root {
  --logo: none;
  --logo-proporcao: 2.52;        /* largura dividida pela altura da imagem */
  --logo-altura-menu: 32px;      /* altura do logotipo no topo */
  --logo-altura-entrada: 48px;   /* altura do logotipo na tela de entrada */
}