/* Delta Nexus — tema escuro compartilhado (html.dark).
   Reaproveitado por: home, changelog, paginas, cadastro_master, diagnostico e login.

   NÃO usa as variantes dark: do Tailwind — remapeia centralmente as utilitárias
   da paleta sob html.dark. A especificidade "html.dark .classe" (0,2,0) vence a
   utilitária que o Tailwind CDN injeta (0,1,0) independente da ordem no cascade,
   então cobre TAMBÉM a marcação montada por JS (tabelas, cards, listas etc.).

   Escala alinhada ao restante do app (usuarios/equipamentos/central):
   slate-900 (#0f172a) de fundo, slate-800 (#1e293b) de superfície. Mesma chave
   de preferência: localStorage['fw_users_tema']. */

html.dark { color-scheme: dark; }
html.dark body { background-color:#0f172a; color:#e2e8f0; }
html.dark ::placeholder { color:#64748b; opacity:1; }
html.dark ::-webkit-scrollbar-thumb { background:#334155; border-radius:8px; }
html.dark ::-webkit-scrollbar-thumb:hover { background:#475569; }
html.dark ::-webkit-scrollbar-track { background:transparent; }

/* ---------- Fundos de página / superfícies ---------- */
html.dark .bg-white { background-color:#1e293b; }
html.dark .bg-white\/80 { background-color:rgba(30,41,59,.8); }
html.dark .bg-slate-50, html.dark .bg-gray-50, html.dark .bg-ink-50 { background-color:#172033; }
html.dark .bg-slate-100, html.dark .bg-gray-100, html.dark .bg-ink-100 { background-color:#0f172a; }
html.dark .bg-slate-200, html.dark .bg-gray-200, html.dark .bg-ink-200 { background-color:#334155; }
html.dark .bg-ink-800 { background-color:#334155; }
html.dark .bg-ink-900 { background-color:#0b1120; }

/* ---------- Texto ---------- */
html.dark .text-ink-900, html.dark .text-slate-900, html.dark .text-gray-900 { color:#f1f5f9; }
html.dark .text-ink-800, html.dark .text-slate-800, html.dark .text-gray-800 { color:#e2e8f0; }
html.dark .text-ink-700, html.dark .text-slate-700, html.dark .text-gray-700 { color:#cbd5e1; }
html.dark .text-ink-600, html.dark .text-slate-600, html.dark .text-gray-600 { color:#94a3b8; }
html.dark .text-ink-500, html.dark .text-slate-500, html.dark .text-gray-500 { color:#94a3b8; }
html.dark .text-ink-400, html.dark .text-slate-400, html.dark .text-gray-400 { color:#64748b; }
html.dark .text-ink-300, html.dark .text-slate-300, html.dark .text-gray-300 { color:#475569; }

/* ---------- Bordas ---------- */
html.dark .border-white { border-color:#334155; }
html.dark .border-ink-150 { border-color:#1c2740; }
html.dark .border-slate-100, html.dark .border-gray-100, html.dark .border-ink-100 { border-color:#1f2b3f; }
html.dark .border-slate-200, html.dark .border-gray-200, html.dark .border-ink-200 { border-color:#334155; }
html.dark .border-slate-300, html.dark .border-gray-300, html.dark .border-ink-300 { border-color:#3b4a63; }
html.dark .border-slate-600 { border-color:#475569; }

/* ---------- Hovers neutros ---------- */
html.dark .hover\:bg-white:hover { background-color:#243049; }
html.dark .hover\:bg-slate-50:hover, html.dark .hover\:bg-gray-50:hover, html.dark .hover\:bg-ink-50:hover { background-color:#1a2337; }
html.dark .hover\:bg-slate-100:hover, html.dark .hover\:bg-gray-100:hover, html.dark .hover\:bg-ink-100:hover { background-color:#1e293b; }
html.dark .hover\:bg-slate-200:hover, html.dark .hover\:bg-gray-200:hover { background-color:#334155; }
html.dark .hover\:border-ink-300:hover, html.dark .hover\:border-slate-300:hover, html.dark .hover\:border-gray-300:hover { border-color:#3b4a63; }
html.dark .hover\:text-ink-700:hover, html.dark .hover\:text-slate-700:hover, html.dark .hover\:text-gray-700:hover { color:#cbd5e1; }
html.dark .hover\:text-slate-200:hover { color:#e2e8f0; }

/* ---------- Marca (brand — home / changelog / paginas) ---------- */
html.dark .bg-brand-50 { background-color:rgba(239,68,68,.12); }
html.dark .border-brand-100 { border-color:rgba(239,68,68,.28); }
html.dark .text-brand-700 { color:#fca5a5; }
html.dark .text-brand-600 { color:#f87171; }
html.dark .ring-brand-50 { --tw-ring-color:rgba(239,68,68,.18); }

/* ---------- Chips e alertas tingidos: fundo *-50/-100 -> translúcido ---------- */
html.dark .bg-red-50 { background-color:rgba(239,68,68,.12); }   html.dark .bg-red-100 { background-color:rgba(239,68,68,.18); }
html.dark .bg-amber-50 { background-color:rgba(245,158,11,.12); } html.dark .bg-amber-100 { background-color:rgba(245,158,11,.16); }
html.dark .bg-emerald-50 { background-color:rgba(16,185,129,.12); } html.dark .bg-emerald-100 { background-color:rgba(16,185,129,.16); }
html.dark .bg-green-50 { background-color:rgba(34,197,94,.12); } html.dark .bg-green-100 { background-color:rgba(34,197,94,.16); }
html.dark .bg-blue-50 { background-color:rgba(59,130,246,.12); } html.dark .bg-blue-100 { background-color:rgba(59,130,246,.16); }
html.dark .bg-sky-100 { background-color:rgba(14,165,233,.16); }
html.dark .bg-indigo-100 { background-color:rgba(99,102,241,.18); }
html.dark .bg-purple-50 { background-color:rgba(168,85,247,.12); } html.dark .bg-purple-100 { background-color:rgba(168,85,247,.16); }

/* Texto de acento — mais claro para ler no escuro */
html.dark .text-red-600, html.dark .text-red-700, html.dark .text-red-800 { color:#fca5a5; }
html.dark .text-amber-500, html.dark .text-amber-600, html.dark .text-amber-800, html.dark .text-amber-900 { color:#fbbf24; }
html.dark .text-emerald-600, html.dark .text-emerald-700, html.dark .text-emerald-900 { color:#34d399; }
html.dark .text-green-800 { color:#4ade80; }
html.dark .text-blue-600, html.dark .text-blue-800, html.dark .text-blue-900 { color:#60a5fa; }
html.dark .text-sky-700 { color:#38bdf8; }
html.dark .text-indigo-600, html.dark .text-indigo-700 { color:#a5b4fc; }
html.dark .text-purple-800, html.dark .text-purple-900 { color:#c084fc; }

/* Bordas de acento claras -> translúcidas */
html.dark .border-red-200 { border-color:rgba(239,68,68,.30); }
html.dark .border-red-500 { border-color:rgba(239,68,68,.55); }
html.dark .border-amber-300 { border-color:rgba(245,158,11,.35); }
html.dark .border-emerald-200 { border-color:rgba(16,185,129,.30); }
html.dark .border-blue-200 { border-color:rgba(59,130,246,.30); }
html.dark .border-purple-200 { border-color:rgba(168,85,247,.30); }

/* Botões de acento SÓLIDOS (bg-indigo-600, bg-emerald-600, ...) e o texto branco
   ficam como estão de propósito: contrastam bem sobre o escuro. */