html{color-scheme:light}
html.dark{color-scheme:dark}
html.dark body{background-color:#0f172a !important;color:#e2e8f0 !important}
html.dark body :where(h1,h2,h3,h4,h5,h6,p,li,span,div,em,strong,small,label,button,a,th,td){color:#e2e8f0 !important}
html.dark img,html.dark video,html.dark iframe,html.dark canvas,html.dark svg{opacity:1 !important;filter:none !important}
html.dark a{color:#93c5fd !important}
html.dark .bg-white,html.dark .bg-gray-50,html.dark .bg-gray-100,html.dark .bg-slate-50,html.dark .bg-slate-100{background-color:#111827 !important;color:#e5e7eb !important}
html.dark .text-black,html.dark .text-gray-900,html.dark .text-gray-800,html.dark .text-gray-700,html.dark .text-gray-600,html.dark .text-gray-500,html.dark .text-gray-400{color:#e5e7eb !important}
html.dark .border-gray-200,html.dark .border-gray-300{border-color:#334155 !important}
html.dark .shadow,html.dark .shadow-md,html.dark .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.6),0 4px 6px -4px rgba(0,0,0,.6) !important}
html.dark input,html.dark textarea,html.dark select{background-color:#0b1220 !important;color:#e2e8f0 !important;border-color:#334155 !important}
html.dark ::placeholder{color:#94a3b8 !important}
html.dark .bg-blue-500{background-color:#3b82f6 !important}
html.dark .bg-green-500{background-color:#22c55e !important}
html.dark .bg-red-500{background-color:#ef4444 !important}
html.dark .bg-yellow-500{background-color:#eab308 !important}
html.dark .text-blue-600{color:#60a5fa !important}
html.dark .text-green-600{color:#4ade80 !important}
html.dark .text-red-600{color:#f87171 !important}
html.dark .text-yellow-600{color:#facc15 !important}
/* Indigo variants used across UI */
html.dark .text-indigo-800, html.dark .text-indigo-700, html.dark .text-indigo-600{color:#e0e7ff !important}
html.dark .bg-indigo-50{background-color:#0b1220 !important}
html.dark .border-indigo-200{border-color:#334155 !important}
html.dark .card{background-color:#0b1220 !important;color:#e2e8f0 !important;border-color:#334155 !important}
html.dark .modal{background-color:#0b1220 !important;color:#e2e8f0 !important}
html.dark .table{color:#e2e8f0 !important}
html.dark .bg-white\/70{background-color:rgba(17,24,39,.7) !important}
/* Planner specific dark styles */
html.dark .dashboard-card{background-color:#111827 !important;color:#e5e7eb !important;border-color:#334155 !important}
html.dark .task-card{background-color:#0b1220 !important}
html.dark .task-card.completed{background-color:rgba(16,185,129,.15) !important}
html.dark .calendar-day{background-color:#0b1220 !important;border-color:#334155 !important}
html.dark .calendar-day:hover{background-color:#111827 !important}
html.dark .calendar-day.today{background-color:#1f2937 !important;border-color:#3b82f6 !important}
html.dark .calendar-day.has-tasks{background-color:#111827 !important}
html.dark .modal-content{background-color:#111827 !important;color:#e5e7eb !important;border-color:#334155 !important}
html.dark .bg-gradient-to-r{background-image:linear-gradient(135deg,#0b1220,#111827) !important}
/* Preset buttons readability */
html.dark .bg-blue-100{background-color:rgba(59,130,246,.15) !important}
html.dark .bg-green-100{background-color:rgba(16,185,129,.15) !important}
html.dark .bg-yellow-100{background-color:rgba(234,179,8,.15) !important}
html.dark .bg-purple-100{background-color:rgba(139,92,246,.15) !important}
html.dark .text-blue-800{color:#bfdbfe !important}
html.dark .text-green-800{color:#bbf7d0 !important}
html.dark .text-yellow-800{color:#fde68a !important}
html.dark .text-purple-800{color:#e9d5ff !important}
/* Timer display preset colors */
html.dark #timeDisplay.preset-blue{color:#93c5fd !important}
html.dark #timeDisplay.preset-green{color:#86efac !important}
html.dark #timeDisplay.preset-yellow{color:#fde68a !important}
html.dark #timeDisplay.preset-purple{color:#e9d5ff !important}

/* AI Voice page readability */
html.dark header{background-color:#111827 !important;border-color:#334155 !important}
html.dark .chat{background-color:#0b1220 !important;border-color:#334155 !important}
html.dark .msg .bubble{color:#e5e7eb !important}
html.dark .from-ai .bubble{background-color:#1f2937 !important;color:#e5e7eb !important}
html.dark .from-user .bubble{color:#ffffff !important}
html.dark .btn-ghost{background-color:#1f2937 !important;color:#e5e7eb !important}
html.dark .pill, html.dark .badge{background-color:#111827 !important;color:#e5e7eb !important}
html.dark .sub{color:#94a3b8 !important}
html.dark .screen-box{background-color:#0b1220 !important;border-color:#334155 !important}