/* Dark mode (default). Use data-theme="dark" on . */ [data-theme="dark"] body, [data-theme="dark"] .bg-gray-50 { background-color: #111827 !important; color: #e5e7eb; } [data-theme="dark"] .bg-white, [data-theme="dark"] nav.bg-white\/90, [data-theme="dark"] nav.bg-white { background-color: #1f2937 !important; color: #e5e7eb; } [data-theme="dark"] .bg-white\/90 { background-color: rgba(31, 41, 55, 0.95) !important; } [data-theme="dark"] main.bg-white, [data-theme="dark"] .rounded-2xl.bg-white { background-color: #374151 !important; border-color: #4b5563; color: #e5e7eb; } [data-theme="dark"] .ring-1, [data-theme="dark"] .ring-gray-200 { --tw-ring-color: #4b5563; } [data-theme="dark"] .border-gray-200, [data-theme="dark"] .ring-gray-200 { border-color: #4b5563 !important; } [data-theme="dark"] .text-gray-900 { color: #f9fafb !important; } [data-theme="dark"] .text-gray-800 { color: #f3f4f6 !important; } [data-theme="dark"] .text-gray-700 { color: #e5e7eb !important; } [data-theme="dark"] .text-gray-600 { color: #d1d5db !important; } [data-theme="dark"] .text-gray-500 { color: #9ca3af !important; } [data-theme="dark"] .text-gray-400 { color: #9ca3af !important; } [data-theme="dark"] a.text-gray-600:hover, [data-theme="dark"] a.text-gray-500:hover { color: #93c5fd !important; } [data-theme="dark"] .bg-gray-100 { background-color: #374151 !important; } [data-theme="dark"] .bg-gray-50 { background-color: #1f2937 !important; } [data-theme="dark"] .bg-gray-200 { background-color: #4b5563 !important; } [data-theme="dark"] input, [data-theme="dark"] textarea, [data-theme="dark"] select { background-color: #374151 !important; border-color: #4b5563 !important; color: #e5e7eb !important; } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: #9ca3af; } [data-theme="dark"] .shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2); } [data-theme="dark"] .bot-message { background-color: #1e3a5f; border-left-color: #3b82f6; color: #e5e7eb; } [data-theme="dark"] .user-message { background-color: #1e3d1e; border-right-color: #22c55e; color: #e5e7eb; } [data-theme="dark"] #chat-messages { background-color: transparent; } [data-theme="dark"] .avatar-chip { background-color: #374151; border-color: #4b5563; } [data-theme="dark"] .bg-gradient-to-br.from-blue-100.to-blue-200 { background: linear-gradient(to bottom right, #1e3a5f, #1e293b); } [data-theme="dark"] .border-gray-300 { border-color: #4b5563 !important; } [data-theme="dark"] .hover\:bg-gray-100:hover, [data-theme="dark"] .hover\:bg-gray-50:hover { background-color: #4b5563 !important; } [data-theme="dark"] .bg-teal-50 { background-color: #134e4a !important; } [data-theme="dark"] .bg-indigo-50 { background-color: #312e81 !important; } [data-theme="dark"] .bg-orange-50 { background-color: #7c2d12 !important; } [data-theme="dark"] .bg-yellow-50 { background-color: #713f12 !important; } [data-theme="dark"] .bg-purple-50 { background-color: #581c87 !important; } [data-theme="dark"] .bg-green-50 { background-color: #14532d !important; } [data-theme="dark"] .bg-red-50 { background-color: #7f1d1d !important; } [data-theme="dark"] footer.bg-white\/90, [data-theme="dark"] footer.bg-white { background-color: #1f2937 !important; border-color: #4b5563; } /* Theme toggle button */ #theme-toggle-btn { transition: color 0.2s, transform 0.2s; } #theme-toggle-btn:hover { transform: scale(1.1); }