Update app.py

app.py

@@ -36,13 +36,13 @@ def get_rag_model():
 
 # Custom CSS for styling
 def load_css():
-    st.markdown("""
+st.markdown("""
     <style>
     .stApp {
-        background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
+        background: linear-gradient(135deg, #ff9a8b, #ff6a88);  /* Warm sunset gradient */
     }
     .stHeader {
-        color: #2c3e50;
+        color: #1a1a2e;  /* Dark blue-gray for headers */
         font-size: 2.5rem;
         font-weight: bold;
     }
@@ -53,7 +53,7 @@ def load_css():
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     }
     .stButton button {
-        background-color: #3498db;
+        background-color: #6b48ff;  /* Rich purple */
         color: white;
         border-radius: 5px;
         padding: 10px 20px;
@@ -61,19 +61,19 @@ def load_css():
         border: none;
     }
     .stButton button:hover {
-        background-color: #2980b9;
+        background-color: #5439cc;  /* Darker purple on hover */
     }
     .stMarkdown h3 {
-        color: #2c3e50;
+        color: #1a1a2e;  /* Matching dark blue-gray */
         margin-top: 20px;
     }
     .st-emotion-cache-13k62yr {
-    position: absolute;
-    background: white;
-    color: white;
-    inset: 0px;
-    color-scheme: dark;
-    overflow: hidden;
+        position: absolute;
+        background: white;
+        color: white;
+        inset: 0px;
+        color-scheme: dark;
+        overflow: hidden;
     }
     .stExpander {
         background: white;
@@ -85,10 +85,10 @@ def load_css():
     }
     /* Custom color for results */
     .stMarkdown p, .stMarkdown ul, .stMarkdown ol {
-        color: rgb(1, 27, 29);
+        color: rgb(26, 26, 46);  /* Darker blue-gray for text */
     }
     .stMarkdown a {
-        color: #3498db;
+        color: #6b48ff;  /* Matching purple for links */
     }
     </style>
     """, unsafe_allow_html=True)