/* app/css/theme-vars.css
 * Tokens de cor do tema. Claro = valores atuais (sem mudança visual).
 * Escuro = paleta NEUTRA near-black FRIA (DESIGN.md: #1d1d1f / #272729 /
 * #2a2a2c). Ver dark-neutral.css para o override do chrome do template.
 */
:root {
  --zl-bg: #f4f7fb;
  --zl-surface: #ffffff;
  --zl-surface-2: #f9fafb;
  --zl-border: #eeeeee;
  --zl-text: #333333;
  --zl-text-muted: #6b7280;
}

html.dark-theme {
  --zl-bg: #1d1d1f;
  --zl-surface: #272729;
  --zl-surface-2: #2a2a2c;
  --zl-border: #38383a;
  --zl-text: #e8e8ed;
  --zl-text-muted: #a1a1a6;
}