Update app.py

app.py

@@ -128,56 +128,16 @@ with gr.Blocks() as demo:
     )
 
 demo.css = """
-body {
-    background-color: #F4F4FF;
-    color: #2F22A4;
-    font-family: 'Arial', sans-serif;
-}
-.markdown h1, .markdown h2 {
-    color: #2F22A4;
-}
-button {
-    background-color: #805CFB;
-    color: white;
-    border-radius: 8px;
-    padding: 8px 16px;
-    font-weight: bold;
-    border: none;
-}
-button:hover {
-    background-color: #6457DE;
-}
-input[type="file"] {
-    border: 1px solid #AEB3FA;
-    background-color: #E6EAFD;
-    color: #2F22A4;
-    border-radius: 8px;
-    padding: 6px;
-}
-textarea, input[type="text"] {
-    background-color: #FFFFFF;
-    border: 1px solid #AEB3FA;
-    border-radius: 8px;
-    padding: 8px;
-    color: #2F22A4;
-}
-.chatbot {
-    background-color: #E6EAFD;
-    border-radius: 12px;
-    padding: 12px;
-    border: 1px solid #AEB3FA;
-}
 #scrollable-html, #scrollable-html-display {
     max-height: 400px;
     overflow: auto;
-    border: 1px solid #AEB3FA;
+    border: 1px solid #AEB3FA;  /* Primary 30 */
     padding: 16px;
-    background-color: #F4F4FF;
+    background-color: #F4F4FF;  /* Primary 10 */
     border-radius: 12px;
     font-family: 'Arial', sans-serif;
-    color: #2F22A4;
-    font-size: 14px;
-    box-shadow: 0 2px 6px rgba(128, 92, 251, 0.1);
+    color: #2F22A4;             /* Primary 60 */
+    box-shadow: 0 2px 6px rgba(128, 92, 251, 0.1);  /* Ups Purple */
 }
 """