/* Modo escuro: remapeia as classes Tailwind (neutral) usadas no site */
html.dark { color-scheme: dark; }
html.dark body { background:#0f0f11; color:#ececee; }
html.dark .bg-neutral-100 { background-color:#0f0f11; }
html.dark .bg-white { background-color:#19191c; }
html.dark .bg-neutral-50 { background-color:#222226; }
html.dark .bg-neutral-900 { background-color:#3b3b42; }
html.dark .bg-neutral-300 { background-color:#3a3a40; }
html.dark .bg-zinc-900 { background-color:#050506; }
html.dark .bg-white\/60 { background-color:rgba(25,25,28,.6); }
html.dark .bg-neutral-200\/60 { background-color:#222226; }
html.dark .border-neutral-100 { border-color:#26262a; }
html.dark .border-neutral-200 { border-color:#2e2e33; }
html.dark .border-neutral-300 { border-color:#3c3c42; }
html.dark .border-neutral-400 { border-color:#55555c; }
html.dark .border-zinc-800 { border-color:#2e2e33; }
html.dark .divide-neutral-200 > :not([hidden]) ~ :not([hidden]) { border-color:#2e2e33; }
html.dark .text-neutral-900 { color:#ececee; }
html.dark .text-neutral-600 { color:#b4b4bb; }
html.dark .text-neutral-500 { color:#9c9ca4; }
html.dark .text-neutral-400 { color:#7d7d85; }
html.dark .hover\:bg-neutral-100:hover { background-color:#2a2a2f; }
html.dark .hover\:border-neutral-400:hover { border-color:#6a6a72; }
html.dark .hover\:text-neutral-900:hover { color:#fff; }
html.dark .tab:not(.active) { background-color:#19191c; }
html.dark .tab.active { background-color:var(--c); }
html.dark .dot { border-color:#0f0f11; }
html.dark .night .dot { background:#ececee; }
html.dark .choice-btn:not(.picked) { background-color:#222226; }

/* botão do rodapé */
#tema-toggle .icon-sun { display:none; }
html.dark #tema-toggle .icon-sun { display:block; }
html.dark #tema-toggle .icon-moon { display:none; }
html.dark #galeria img { background:#26262a; }
html.dark .text-neutral-700 { color:#c8c8ce; }
html.dark .active\:bg-neutral-100:active { background-color:#2a2a2f; }