Update app.py

app.py

@@ -60,27 +60,34 @@ CSS = """
     background: transparent !important;
 }
 
-/* Specific fix for the 'Thinking' box inside the markdown */
+/* 1. Base style (Light Mode) */
 .thinking-section {
-    background: var(--secondary-50);
-    border-left: 4px solid var(--primary-500);
-    padding: 1.25rem;
-    margin-bottom: 1.5rem;
-    border-radius: 0 0.75rem 0.75rem 0;
-    font-style: italic;
-    color: var(--body-text-color-subdued);
+    background: rgba(0, 0, 0, 0.05) !important; /* Subtle tint instead of var */
+    border-left: 4px solid var(--primary-500) !important;
+    padding: 1.25rem !important;
+    margin-bottom: 1.5rem !important;
+    border-radius: 0 0.75rem 0.75rem 0 !important;
+    font-style: italic !important;
 }
 
-/* Ensure the thinking section background is dark when in dark mode */
-[data-theme="dark"] .thinking-section {
-    background: var(--neutral-800) !important;
-    color: var(--neutral-300) !important;
+/* 2. Dark Mode Override */
+.dark .thinking-section {
+    background: rgba(255, 255, 255, 0.1) !important; /* Light tint on dark background */
+    border-left-color: var(--primary-400) !important;
 }
 
-/* Prevent markdown containers from forcing white backgrounds */
-.prose, .markdown-text {
-    background-color: transparent !important;
+/* 3. Force the text inside the thinking section to adapt */
+.thinking-section, 
+.thinking-section p, 
+.thinking-section span {
     color: var(--body-text-color) !important;
+    opacity: 0.9;
+}
+
+/* 4. Extra insurance for the summary area text in dark mode */
+.dark .summary-text, 
+.dark .prose {
+    color: #f1f5f9 !important; /* Explicit light gray/white */
 }
 
 .sources-panel {