/* Vexor: ajuste visual injetado pelo Apache, sem build de imagem (31/10/2026).
   Só age no tema escuro; o claro fica intocado. */
html.dark,
html[data-theme="dark"] {
  --primary: #d5d7db !important;
  --color-brand: #d5d7db !important;
  --color-accent: #d5d7db !important;
  /* A rampa inteira, porque o item ativo da barra usa o degrau 400, não o 600. */
  --color-accent-50: #f4f5f6 !important;
  --color-accent-100: #e3e5e8 !important;
  --color-accent-200: #c9ccd1 !important;
  --color-accent-300: #aeb2b8 !important;
  --color-accent-400: #b9bcc2 !important;
  --color-accent-500: #cdd0d5 !important;
  --color-accent-600: #d5d7db !important;
  --color-accent-700: #dfe1e4 !important;
  --color-accent-800: #e8eaec !important;
  --color-accent-900: #f1f2f3 !important;
  --color-accent-950: #fafafa !important;
  --color-accent-fg: #16181d !important;
  --background: #1b1c1f !important;
  --color-background: #1b1c1f !important;
  --surface: #23252a !important;
  --color-surface: #23252a !important;
}
html.dark body,
html[data-theme="dark"] body { background: #1b1c1f !important; }
/* O quadrado branco atrás do logo no escuro vem de uma classe fixa do Tailwind. */
[class*="dark:bg-white"] {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
/* O utilitário `bg-accent` do app resolve numa cor fixa do tema escuro; aqui ele passa a cinza. */
html.dark .bg-accent,
html[data-theme="dark"] .bg-accent { background-color: #d5d7db !important; }
html.dark .text-accent-foreground,
html[data-theme="dark"] .text-accent-foreground { color: #16181d !important; }