/* ============================================================
   CORES DA MARCA
   Este é o ÚNICO arquivo a mudar para trocar as cores do sistema.
   Todas as telas (início, entrada e painéis) leem estas variáveis.
   Tire as cores da logomarca da empresa e confira o contraste:
   - texto branco sobre --cor-menu precisa ser bem legível;
   - --cor-destaque aparece como texto sobre --cor-principal-escura
     (botão principal e item ativo), então as duas precisam contrastar.
   ============================================================ */
:root{
  --cor-principal:#8A6D3B;          /* títulos de destaque, links, contornos de foco */
  --cor-principal-escura:#24221D;   /* fundo do botão principal e do item ativo */
  --cor-menu:#161514;               /* fundo do cabeçalho e do menu suspenso */
  --cor-destaque:#C9A96A;           /* detalhe: traço do item ativo, grifo do título, texto do botão principal */

  --cor-texto:#1D1D1F;              /* texto principal */
  --cor-texto-suave:#55596A;        /* texto de apoio */
  --cor-texto-apagado:#8A8D9C;      /* rótulos pequenos */

  --cor-fundo:#F5F4F1;              /* fundo das telas */
  --cor-cartao:#FFFFFF;             /* cartões */
  --cor-linha:#E5E2DA;              /* divisórias e bordas */
}