Add light mode overrides and stronger button styling for Gradio 4

This update forces light backgrounds even when HF is in dark mode and enhances button appearance for Gradio 4.

assets/kesheret.css

@@ -68,5 +68,33 @@ html.dark, body.dark { background: #FFFFFF !important; }
 @media (max-width: 768px) {
   .kesheret-header h1 { font-size: 2rem; }
   .gradio-row, .gradio-column { margin: .5rem 0 !important; padding: 1rem !important; }
+
+/* Force light backgrounds even when HF is in dark mode */
+html.dark, body.dark, .dark .gradio-container, .dark .gradio-row, .dark .gradio-column,
+.gradio-interface, .gr-interface, .gradio-block, .gr-block, .gradio-panel, .gr-panel,
+.gradio-tabs, .gradio-tabitem {
+  background: #FFFFFF !important;
+}
+
+:root, html, body, html.dark, body.dark {
+  --color-background: #FFFFFF !important;
+  --color-background-fill: #FFFFFF !important;
+  --body-background-fill: #FFFFFF !important;
+  --background-fill-primary: #FFFFFF !important;
+  --background-fill-secondary: #FFFFFF !important;
+  --block-background-fill: #FFFFFF !important;
+}
+
+/* Stronger button overrides for Gradio 4 */
+button, .gr-button, .gradio-button {
+  background: linear-gradient(135deg, var(--kesheret-blue) 0%, var(--medium-blue) 100%) !important;
+  color: #FFFFFF !important;
+  border: 1px solid var(--kesheret-blue) !important;
+  border-radius: 8px !important;
+}
+button:hover, .gr-button:hover, .gradio-button:hover {
+  background: #0056D6 !important;
+}
+
 }