/* Tema escuro: só age quando <html> tem a classe "dark" */
html.dark body { background-color: #0f172a; color: #e2e8f0; }
html.dark #header { background-color: #020617; }

html.dark .bg-slate-100,
html.dark .bg-slate-50 { background-color: #0f172a; }
html.dark .bg-white { background-color: #1e293b; }
html.dark .bg-blue-50 { background-color: #172554; }
html.dark .bg-emerald-50 { background-color: #064e3b; }
html.dark .bg-amber-50 { background-color: #451a03; }

html.dark .text-slate-800,
html.dark .text-slate-900,
html.dark .text-slate-700 { color: #e2e8f0; }
html.dark .text-slate-600 { color: #94a3b8; }
html.dark .text-blue-900 { color: #bfdbfe; }
html.dark .text-blue-700 { color: #93c5fd; }
html.dark .text-emerald-900 { color: #a7f3d0; }
html.dark .text-emerald-800 { color: #6ee7b7; }
html.dark .text-amber-800 { color: #fcd34d; }
html.dark .text-rose-700 { color: #fda4af; }

html.dark .border-slate-100,
html.dark .border-slate-200,
html.dark .border-slate-300 { border-color: #334155; }
html.dark .border-blue-200,
html.dark .border-blue-300 { border-color: #1e40af; }
html.dark .border-emerald-200 { border-color: #065f46; }
html.dark .border-amber-200 { border-color: #92400e; }

html.dark input,
html.dark select {
  background-color: #0f172a;
  color: #e2e8f0;
  border-color: #475569;
}
/* Cards de marketplace no modo escuro */

/* Amazon: fundo escuro vira um cinza claro para se destacar da página */
html.dark .bg-slate-900 {
  background-color: #334155;
  border: 1px solid #475569;
}

/* Mercado Livre: mantém o amarelo e o texto escuro */
html.dark .bg-yellow-300.text-slate-900 {
  background-color: #fde047;
  color: #0f172a;
}