/* Dark theme overrides (class-based). Applies when */ html.dark body{background-color:#0b1220 !important;color:#e5e7eb !important} html.dark .bg-white{background-color:#0b1220 !important} html.dark .bg-gray-50{background-color:#0b1220 !important} html.dark .bg-gray-100{background-color:#0f172a !important} html.dark .bg-white\/80{background-color:rgba(11,18,32,0.80) !important} html.dark .text-black, html.dark .text-gray-800, html.dark .text-gray-700, html.dark .text-gray-600{color:#e5e7eb !important} html.dark .text-gray-500{color:#cbd5e1 !important} html.dark .border-gray-100{border-color:#334155 !important} html.dark .border-gray-200{border-color:#334155 !important} html.dark .border-gray-300{border-color:#475569 !important} html.dark .hover\:bg-gray-50:hover{background-color:#0f172a !important} html.dark a{color:#93c5fd} html.dark .prose, html.dark .content{color:#e5e7eb} html.dark input, html.dark textarea, html.dark select{background-color:#111827 !important;color:#e5e7eb !important;border-color:#374151 !important} html.dark .shadow, html.dark .shadow-sm, html.dark .shadow-md{box-shadow:0 1px 2px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.35) !important} html.dark .ring-1{--tw-ring-color:#334155} html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]){border-color:#334155} /* Gradient helpers */ html.dark .bg-gradient-to-b{background-image:linear-gradient(to bottom,#0b1220,#0b1220) !important} /* Tables */ html.dark table{color:#e5e7eb} html.dark thead{background-color:#0f172a} html.dark tbody tr{border-color:#334155} /* Cards */ html.dark .card{background-color:#0f172a !important;border-color:#1f2937 !important} /* Code blocks */ html.dark pre, html.dark code{background-color:#0f172a !important;color:#e5e7eb !important} /* === Comprehensive Dark Mode Overrides (all with !important) === */ /* Base */ html.dark body{background-color:#0b1220 !important;color:#e5e7eb !important} html.dark :where(h1,h2,h3,h4,h5,h6,p,span,small,li,dt,dd,blockquote,strong,em){color:#e5e7eb !important} /* Links */ html.dark a{color:#93c5fd !important} html.dark a:hover{color:#bfdbfe !important;text-decoration:undeline !important} /* Generic Tailwind-ish utilities */ html.dark .bg-white{background-color:#0f172a !important} html.dark .bg-white\/80{background-color:rgba(15,23,42,0.80) !important} html.dark .bg-gray-50{background-color:#0b1220 !important} html.dark .bg-gray-100{background-color:#0f172a !important} html.dark .bg-gray-200{background-color:#111827 !important} html.dark .from-gray-50{--tw-gradient-from:#0b1220 !important} html.dark .to-white{--tw-gradient-to:#0b1220 !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{color:#e5e7eb !important} html.dark .text-gray-500{color:#cbd5e1 !important} html.dark .text-gray-400{color:#94a3b8 !important} html.dark .border-gray-100{border-color:#334155 !important} html.dark .border-gray-200{border-color:#334155 !important} html.dark .border-gray-300{border-color:#475569 !important} html.dark .border{border-color:#334155 !important} html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]){border-color:#334155 !important} /* Hover text utilities often used in templates */ html.dark .hover\:text-gray-700:hover, html.dark .hover\:text-gray-800:hover, html.dark .hover\:text-gray-600:hover, html.dark .hover\:text-black:hover{color:#e5e7eb !important} html.dark .hover\:bg-gray-50:hover{background-color:#111827 !important} html.dark .hover\:bg-white:hover{background-color:#111827 !important} /* Inputs & code */ html.dark input, html.dark textarea, html.dark select{background-color:#111827 !important;color:#e5e7eb !important;border-color:#374151 !important} html.dark pre, html.dark code{background-color:#0f172a !important;color:#e5e7eb !important} html.dark .shadow, html.dark .shadow-sm, html.dark .shadow-md{box-shadow:0 1px 2px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.35) !important} /* Gradients */ html.dark .bg-gradient-to-b{background-image:linear-gradient(to bottom,#0b1220,#0b1220) !important} /* Cards & generic containers */ html.dark .card{background-color:#0f172a !important;border-color:#1f2937 !important} /* Tables (component + global) */ html.dark table{color:#e5e7eb !important} html.dark thead, html.dark thead tr{background-color:#0f172a !important;color:#e5e7eb !important} html.dark tbody tr{border-color:#334155 !important} html.dark tbody tr:hover{background-color:#0f172a !important} /* Names table specific */ html.dark #namesTable{background-color:transparent !important;color:#e5e7eb !important;border-color:#334155 !important} html.dark #namesTable thead th, html.dark #namesTable tbody tr th, html.dark #namesTable tbody tr td{color:#e5e7eb !important;border-color:#334155 !important;background-color:transparent !important} html.dark #namesTable tbody tr{background-color:#0b1220 !important} html.dark #namesTable tbody tr:hover{background-color:#111827 !important} html.dark #namesTable .name-mean::before{color:#e5e7eb !important} /* Footer */ html.dark footer{background-color:#0b1220 !important;color:#e5e7eb !important;border-top-color:#334155 !important} html.dark footer *{color:#e5e7eb !important} html.dark footer a{color:#93c5fd !important} html.dark footer a:hover{color:#bfdbfe !important;text-decoration:underline !important} html.dark footer .text-gray-600{color:#cbd5e1 !important} /* Components referenced in inline styles */ html.dark .name-mean{color:#e5e7eb !important} html.dark .name-mean::before{color:#e5e7eb !important} html.dark tr.clickable-row:hover{background:#111827 !important} /* Override common inline color/background styles that were hard-coded for light mode */ html.dark [style*="color:#000"], html.dark [style*="color:#111"], html.dark [style*="color:#222"], html.dark [style*="color:#333"], html.dark [style*="color:#444"], html.dark [style*="color:#555"], html.dark [style*="color:black"], html.dark [style*="color: rgb(0,0,0)"], html.dark [style*="color:rgb(0, 0, 0)"]{color:#e5e7eb !important} html.dark [style*="background:#fff"], html.dark [style*="background:#fefefe"], html.dark [style*="background:#f9fafb"], html.dark [style*="background:#f3f4f6"], html.dark [style*="background-color:#fff"], html.dark [style*="background-color:#fefefe"], html.dark [style*="background-color:#f9fafb"], html.dark [style*="background-color:#f3f4f6"]{background-color:#0f172a !important} html.dark [style*="border:#e5e7eb"], html.dark [style*="border-color:#e5e7eb"], html.dark [style*="border: 1px solid #e5e7eb"], html.dark [style*="border:1px solid #e5e7eb"]{border-color:#334155 !important} /* Hover link color that may be forced in inline