Update src/streamlit_app.py

src/streamlit_app.py

@@ -88,28 +88,32 @@ Output: Write each question on a new line. Do not invent facts — base question
         return ["How do I start using this guide?", "What does this document cover?"]
 
 # ==========================================================
-# 🎨 STYLING — NEUTRAL ENTERPRISE THEME (SLEEK + LIGHT-MODE SAFE)
+# 🎨 STYLING — FIXED CONTRAST (UNIVERSAL MODE)
 # ==========================================================
 st.markdown("""
 <style>
+/* Lock background so light mode users don't see faded text */
+html, body, .stApp {
+    background-color: #111827 !important;
+    color: #e5e7eb !important;
+}
+
+/* Main content area */
 div.block-container {
     padding-top: 1.2rem;
     max-width: 1080px;
+    background-color: #111827 !important;
 }
 
-/* Headings and general text */
+/* Headings and section titles */
 h1, h2, h3 {
-    color: #f1f5f9;
+    color: #f1f5f9 !important;
     font-weight: 600;
-    letter-spacing: -0.2px;
-}
-p, label, .stMarkdown, .stRadio label {
-    color: #e5e7eb !important;
 }
 
 /* Suggestion chips */
 .suggest-chip {
-    background: #111827;
+    background: #1e293b;
     border: 1px solid #374151;
     border-radius: 14px;
     color: #e2e8f0;
@@ -118,18 +122,17 @@ p, label, .stMarkdown, .stRadio label {
     font-size: 13px;
     margin: 6px 6px 6px 0;
     display: inline-block;
-    transition: background 0.2s, transform 0.1s, box-shadow 0.1s;
+    transition: background 0.2s, transform 0.1s;
 }
 .suggest-chip:hover {
     background: #2563eb;
     color: #fff;
-    box-shadow: 0 2px 6px rgba(37,99,235,0.3);
     transform: translateY(-2px);
 }
 
-/* Answer box — softer contrast, same depth */
+/* Answer box */
 .answer-box {
-    background: linear-gradient(180deg, #131a2a, #0f1628);
+    background: linear-gradient(180deg,#131a2a,#0f1628);
     border-left: 4px solid #3b82f6;
     border-radius: 10px;
     padding: 16px 18px;
@@ -138,7 +141,7 @@ p, label, .stMarkdown, .stRadio label {
     box-shadow: 0 3px 10px rgba(0,0,0,0.25);
 }
 
-/* Input box refinement */
+/* Input box */
 .stTextInput > div > div > input {
     background-color: #0f172a !important;
     color: #f1f5f9 !important;
@@ -147,7 +150,10 @@ p, label, .stMarkdown, .stRadio label {
     padding: 8px 10px !important;
     font-size: 15px !important;
 }
-.stTextInput > label {font-weight: 500; color: #e5e7eb;}
+.stTextInput > label {
+    font-weight: 500;
+    color: #e5e7eb !important;
+}
 
 /* Links */
 .small-link {
@@ -155,31 +161,6 @@ p, label, .stMarkdown, .stRadio label {
     color: #60a5fa;
     cursor: pointer;
 }
-
-/* Light-mode safety: ensure readability if user’s browser is light */
-@media (prefers-color-scheme: light) {
-    body, .stApp {
-        background-color: #f9fafb !important;
-        color: #111827 !important;
-    }
-    h1, h2, h3, label { color: #111827 !important; }
-    .answer-box {
-        background: #ffffff !important;
-        border-left: 4px solid #2563eb !important;
-        color: #1f2937 !important;
-        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
-    }
-    .suggest-chip {
-        background: #e5e7eb;
-        border: 1px solid #d1d5db;
-        color: #111827;
-    }
-    .suggest-chip:hover {
-        background: #2563eb;
-        color: #fff;
-        box-shadow: 0 2px 5px rgba(37,99,235,0.25);
-    }
-}
 </style>
 """, unsafe_allow_html=True)