/* ============================================= MODO ESCURO — Central Pediátrica SOSCGP Ativado pela classe "dark-mode" no ============================================= */ /* === BASE === */ html.dark-mode, html.dark-mode body { background-color: #0f172a !important; color: #e2e8f0 !important; } /* === BACKGROUNDS === */ html.dark-mode .bg-white { background-color: #1e293b !important; } html.dark-mode .bg-slate-50 { background-color: #0f172a !important; } html.dark-mode .bg-slate-100 { background-color: #1e293b !important; } html.dark-mode .bg-slate-200 { background-color: #334155 !important; } html.dark-mode .bg-gray-50 { background-color: #0f172a !important; } html.dark-mode .bg-gray-100 { background-color: #1e293b !important; } html.dark-mode .bg-gray-200 { background-color: #334155 !important; } /* Azuis */ html.dark-mode .bg-blue-50 { background-color: #172554 !important; } html.dark-mode .bg-blue-100 { background-color: #1e3a5f !important; } html.dark-mode .bg-blue-600 { background-color: #1e40af !important; } html.dark-mode .bg-blue-700 { background-color: #1e3a8a !important; } html.dark-mode .bg-blue-800 { background-color: #172554 !important; } html.dark-mode [class*="bg-blue-800\/"] { background-color: rgba(23, 37, 84, 0.5) !important; } /* Indigo */ html.dark-mode .bg-indigo-50 { background-color: #1e1b4b !important; } html.dark-mode .bg-indigo-100 { background-color: #312e81 !important; } html.dark-mode .bg-indigo-600 { background-color: #4338ca !important; } /* Vermelhos */ html.dark-mode .bg-red-50 { background-color: #450a0a !important; } html.dark-mode .bg-red-100 { background-color: #7f1d1d !important; } /* Verdes */ html.dark-mode .bg-green-50 { background-color: #052e16 !important; } html.dark-mode .bg-green-100 { background-color: #14532d !important; } html.dark-mode .bg-green-500 { background-color: #15803d !important; } /* Emerald */ html.dark-mode .bg-emerald-50 { background-color: #022c22 !important; } html.dark-mode .bg-emerald-100 { background-color: #064e3b !important; } /* Amarelo / Laranja / Âmbar */ html.dark-mode .bg-yellow-50 { background-color: #422006 !important; } html.dark-mode .bg-yellow-100 { background-color: #713f12 !important; } html.dark-mode .bg-orange-50 { background-color: #431407 !important; } html.dark-mode .bg-orange-100 { background-color: #7c2d12 !important; } html.dark-mode .bg-amber-50 { background-color: #451a03 !important; } html.dark-mode .bg-amber-100 { background-color: #78350f !important; } /* Purple */ html.dark-mode .bg-purple-50 { background-color: #2e1065 !important; } html.dark-mode .bg-purple-100 { background-color: #3b0764 !important; } /* === TEXTOS === */ html.dark-mode .text-slate-900 { color: #f1f5f9 !important; } html.dark-mode .text-slate-800 { color: #e2e8f0 !important; } html.dark-mode .text-slate-700 { color: #cbd5e1 !important; } html.dark-mode .text-slate-600 { color: #94a3b8 !important; } html.dark-mode .text-slate-500 { color: #94a3b8 !important; } html.dark-mode .text-gray-900 { color: #f1f5f9 !important; } html.dark-mode .text-gray-800 { color: #e2e8f0 !important; } html.dark-mode .text-gray-700 { color: #cbd5e1 !important; } html.dark-mode .text-gray-600 { color: #94a3b8 !important; } html.dark-mode .text-blue-700 { color: #60a5fa !important; } html.dark-mode .text-blue-800 { color: #93c5fd !important; } html.dark-mode .text-blue-900 { color: #bfdbfe !important; } html.dark-mode .text-indigo-900 { color: #a5b4fc !important; } html.dark-mode .text-indigo-800 { color: #a5b4fc !important; } html.dark-mode .text-indigo-700 { color: #818cf8 !important; } html.dark-mode .text-indigo-600 { color: #818cf8 !important; } html.dark-mode .text-red-600 { color: #fca5a5 !important; } html.dark-mode .text-red-700 { color: #fca5a5 !important; } html.dark-mode .text-red-800 { color: #fecaca !important; } html.dark-mode .text-red-900 { color: #fecaca !important; } html.dark-mode .text-green-600 { color: #86efac !important; } html.dark-mode .text-green-700 { color: #86efac !important; } html.dark-mode .text-green-800 { color: #bbf7d0 !important; } html.dark-mode .text-green-900 { color: #bbf7d0 !important; } html.dark-mode .text-emerald-600 { color: #6ee7b7 !important; } html.dark-mode .text-emerald-700 { color: #6ee7b7 !important; } html.dark-mode .text-yellow-700 { color: #fbbf24 !important; } html.dark-mode .text-yellow-800 { color: #fcd34d !important; } html.dark-mode .text-orange-700 { color: #fb923c !important; } html.dark-mode .text-orange-800 { color: #fdba74 !important; } html.dark-mode .text-amber-700 { color: #f59e0b !important; } html.dark-mode .text-purple-700 { color: #c084fc !important; } html.dark-mode .text-purple-800 { color: #d8b4fe !important; } /* === BORDAS === */ html.dark-mode .border-slate-200 { border-color: #334155 !important; } html.dark-mode .border-slate-100 { border-color: #1e293b !important; } html.dark-mode .border-slate-300 { border-color: #475569 !important; } html.dark-mode .border-gray-200 { border-color: #334155 !important; } html.dark-mode .border-gray-300 { border-color: #475569 !important; } html.dark-mode .border-blue-200 { border-color: #1e3a8a !important; } html.dark-mode .border-blue-600 { border-color: #1d4ed8 !important; } html.dark-mode .border-indigo-200 { border-color: #3730a3 !important; } html.dark-mode .border-red-200 { border-color: #991b1b !important; } html.dark-mode .border-red-300 { border-color: #991b1b !important; } html.dark-mode .border-green-200 { border-color: #166534 !important; } html.dark-mode .border-green-300 { border-color: #166534 !important; } /* === DIVIDERS === */ html.dark-mode .divide-slate-200 > * + * { border-color: #334155 !important; } html.dark-mode .divide-slate-100 > * + * { border-color: #1e293b !important; } html.dark-mode .divide-gray-200 > * + * { border-color: #334155 !important; } /* === FORMULÁRIOS === */ html.dark-mode input, html.dark-mode select, html.dark-mode textarea { background-color: #0f172a !important; color: #e2e8f0 !important; border-color: #475569 !important; } html.dark-mode input::placeholder, html.dark-mode textarea::placeholder { color: #64748b !important; } html.dark-mode input:focus, html.dark-mode select:focus, html.dark-mode textarea:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3) !important; } /* === SOMBRAS === */ html.dark-mode .shadow-sm { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5) !important; } html.dark-mode .shadow { box-shadow: 0 1px 3px 0 rgba(0,0,0,0.6) !important; } html.dark-mode .shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.6) !important; } html.dark-mode .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.6) !important; } /* === SCROLLBAR === */ html.dark-mode ::-webkit-scrollbar-track { background: #1e293b !important; } html.dark-mode ::-webkit-scrollbar-thumb { background: #475569 !important; } html.dark-mode ::-webkit-scrollbar-thumb:hover { background: #64748b !important; } /* === TABELAS (elementos nativos) === */ html.dark-mode table { border-color: #334155 !important; } html.dark-mode th { background-color: #1e293b !important; color: #e2e8f0 !important; border-color: #334155 !important; } html.dark-mode td { border-color: #334155 !important; color: #cbd5e1 !important; } /* === MODAL OVERLAY === */ html.dark-mode [class*="bg-slate-900\\/"] { background-color: rgba(0, 0, 0, 0.6) !important; } /* ============================================= CORES ADICIONAIS (cobertura completa) ============================================= */ /* --- ROSE --- */ html.dark-mode .bg-rose-50 { background-color: #4c0519 !important; } html.dark-mode .bg-rose-100 { background-color: #881337 !important; } html.dark-mode .bg-rose-200 { background-color: #9f1239 !important; } html.dark-mode .bg-rose-500 { background-color: #be123c !important; } html.dark-mode .bg-rose-600 { background-color: #e11d48 !important; } html.dark-mode .bg-rose-700 { background-color: #be123c !important; } html.dark-mode .text-rose-500 { color: #fb7185 !important; } html.dark-mode .text-rose-600 { color: #fb7185 !important; } html.dark-mode .text-rose-700 { color: #fda4af !important; } html.dark-mode .text-rose-800 { color: #fecdd3 !important; } html.dark-mode .text-rose-900 { color: #ffe4e6 !important; } html.dark-mode .border-rose-300 { border-color: #9f1239 !important; } /* --- TEAL --- */ html.dark-mode .bg-teal-50 { background-color: #042f2e !important; } html.dark-mode .bg-teal-100 { background-color: #134e4a !important; } html.dark-mode .bg-teal-600 { background-color: #0d9488 !important; } html.dark-mode .bg-teal-700 { background-color: #0f766e !important; } html.dark-mode .text-teal-500 { color: #2dd4bf !important; } html.dark-mode .text-teal-600 { color: #5eead4 !important; } html.dark-mode .text-teal-700 { color: #5eead4 !important; } html.dark-mode .text-teal-800 { color: #99f6e4 !important; } html.dark-mode .text-teal-900 { color: #ccfbf1 !important; } /* --- CYAN --- */ html.dark-mode .bg-cyan-50 { background-color: #083344 !important; } html.dark-mode .bg-cyan-100 { background-color: #164e63 !important; } html.dark-mode .bg-cyan-200 { background-color: #155e75 !important; } html.dark-mode .text-cyan-600 { color: #22d3ee !important; } html.dark-mode .text-cyan-700 { color: #67e8f9 !important; } html.dark-mode .text-cyan-800 { color: #a5f3fc !important; } html.dark-mode .text-cyan-900 { color: #cffafe !important; } /* --- SKY --- */ html.dark-mode .bg-sky-50 { background-color: #082f49 !important; } html.dark-mode .bg-sky-100 { background-color: #0c4a6e !important; } html.dark-mode .text-sky-800 { color: #7dd3fc !important; } html.dark-mode .text-sky-900 { color: #bae6fd !important; } /* --- TEXTOS escuros faltantes → versões claras --- */ html.dark-mode .text-blue-500 { color: #60a5fa !important; } html.dark-mode .text-blue-600 { color: #60a5fa !important; } html.dark-mode .text-red-500 { color: #fca5a5 !important; } html.dark-mode .text-amber-500 { color: #fbbf24 !important; } html.dark-mode .text-amber-600 { color: #f59e0b !important; } html.dark-mode .text-amber-800 { color: #fcd34d !important; } html.dark-mode .text-amber-900 { color: #fef3c7 !important; } html.dark-mode .text-orange-500 { color: #fb923c !important; } html.dark-mode .text-orange-600 { color: #fb923c !important; } html.dark-mode .text-orange-900 { color: #fed7aa !important; } html.dark-mode .text-emerald-500 { color: #34d399 !important; } html.dark-mode .text-emerald-800 { color: #a7f3d0 !important; } html.dark-mode .text-emerald-900 { color: #d1fae5 !important; } html.dark-mode .text-purple-400 { color: #c084fc !important; } html.dark-mode .text-purple-500 { color: #c084fc !important; } html.dark-mode .text-purple-600 { color: #d8b4fe !important; } html.dark-mode .text-purple-900 { color: #f3e8ff !important; } html.dark-mode .text-yellow-900 { color: #fef9c3 !important; } /* --- BACKGROUNDS faltantes --- */ html.dark-mode .bg-slate-300 { background-color: #475569 !important; } html.dark-mode .bg-slate-400 { background-color: #64748b !important; } html.dark-mode .bg-slate-700 { background-color: #1e293b !important; } html.dark-mode .bg-slate-800 { background-color: #0f172a !important; } html.dark-mode .bg-blue-200 { background-color: #1e3a5f !important; } html.dark-mode .bg-blue-400 { background-color: #1d4ed8 !important; } html.dark-mode .bg-blue-500 { background-color: #1e40af !important; } html.dark-mode .bg-amber-200 { background-color: #78350f !important; } html.dark-mode .bg-amber-400 { background-color: #b45309 !important; } html.dark-mode .bg-amber-500 { background-color: #92400e !important; } html.dark-mode .bg-amber-600 { background-color: #78350f !important; } html.dark-mode .bg-amber-700 { background-color: #451a03 !important; } html.dark-mode .bg-emerald-200 { background-color: #064e3b !important; } html.dark-mode .bg-emerald-500 { background-color: #047857 !important; } html.dark-mode .bg-emerald-600 { background-color: #065f46 !important; } html.dark-mode .bg-emerald-700 { background-color: #064e3b !important; } html.dark-mode .bg-indigo-700 { background-color: #312e81 !important; } html.dark-mode .bg-red-400 { background-color: #991b1b !important; } html.dark-mode .bg-red-600 { background-color: #991b1b !important; } html.dark-mode .bg-green-400 { background-color: #166534 !important; } html.dark-mode .bg-orange-500 { background-color: #9a3412 !important; } html.dark-mode .bg-purple-600 { background-color: #6b21a8 !important; } html.dark-mode .bg-purple-700 { background-color: #581c87 !important; } html.dark-mode .bg-yellow-500 { background-color: #854d0e !important; } /* --- BORDAS faltantes --- */ html.dark-mode .border-rose-200 { border-color: #881337 !important; } html.dark-mode .border-rose-300 { border-color: #9f1239 !important; } html.dark-mode .border-amber-200 { border-color: #78350f !important; } html.dark-mode .border-amber-300 { border-color: #92400e !important; } html.dark-mode .border-emerald-200 { border-color: #064e3b !important; } html.dark-mode .border-teal-200 { border-color: #134e4a !important; } html.dark-mode .border-cyan-200 { border-color: #164e63 !important; } html.dark-mode .border-sky-200 { border-color: #0c4a6e !important; } html.dark-mode .border-purple-200 { border-color: #581c87 !important; } html.dark-mode .border-orange-200 { border-color: #7c2d12 !important; }