Update app.py

app.py

@@ -1156,10 +1156,10 @@ custom_css = """
     margin-bottom: 0;
 }
 
-/* Professional text styling with orange accents */
+/* Orange questionnaire text styling - UPDATED TO MATCH THEME */
 .question-text {
     font-size: 16px !important;
-    color: #2d3748 !important;
+    color: #e65100 !important;
     line-height: 1.6 !important;
     margin: 0 !important;
     padding-right: 20px !important;
@@ -1169,7 +1169,7 @@ custom_css = """
 }
 
 .question-text strong {
-    color: #e65100 !important;
+    color: #bf360c !important;
     font-weight: 600 !important;
     font-size: 16px !important;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
@@ -1207,17 +1207,17 @@ custom_css = """
     margin-bottom: 0;
 }
 
-/* Professional headers with orange fade */
+/* Professional headers with orange fade - UPDATED */
 .questionnaire-grid h2 {
     font-size: 28px !important;
     font-weight: 700 !important;
-    color: #bf360c !important;
+    color: #d84315 !important;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
 }
 
 .questionnaire-grid p {
     font-size: 16px !important;
-    color: #4a5568 !important;
+    color: #ff6f00 !important;
     font-weight: 400 !important;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
 }
@@ -1243,9 +1243,9 @@ custom_css = """
     background: linear-gradient(135deg, #fff7f0 0%, #ffede0 100%) !important;
 }
 
-/* Labels styling */
+/* Labels styling - UPDATED TO ORANGE */
 label {
-    color: #2d3748 !important;
+    color: #e65100 !important;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
     font-weight: 500 !important;
     font-size: 14px !important;
@@ -1272,7 +1272,7 @@ label {
 }
 """
 
-# Updated Gradio Interface with Orangish Fade Theme
+# Updated Gradio Interface with Orange Questionnaire Font
 with gr.Blocks(
     title="🐶 Enhanced AI Dog Health Analyzer", 
     theme=gr.themes.Soft(
@@ -1301,7 +1301,7 @@ with gr.Blocks(
         with gr.Column(scale=1):
             gr.HTML("""
             <div class="input-card">
-                <h2 style="color: #bf360c; margin: 0 0 24px 0; text-align: center; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-weight: 600;">
+                <h2 style="color: #d84315; margin: 0 0 24px 0; text-align: center; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-weight: 600;">
                     📸 Media Input Selection
                 </h2>
             </div>
@@ -1354,21 +1354,21 @@ with gr.Blocks(
                 maximum=25
             )
         
-        # Right Column - Orange Fade HRQOL Questionnaire
+        # Right Column - Orange Font HRQOL Questionnaire
         with gr.Column(scale=1):
             gr.HTML("""
             <div class="questionnaire-grid">
-                <h2 style="color: #bf360c; margin: 0 0 16px 0; text-align: center; font-size: 28px; font-weight: 700; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
+                <h2 style="color: #d84315; margin: 0 0 16px 0; text-align: center; font-size: 28px; font-weight: 700; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
                     📋 Health Assessment
                 </h2>
-                <p style="text-align: center; color: #4a5568; font-style: italic; margin-bottom: 28px; font-size: 16px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
+                <p style="text-align: center; color: #ff6f00; font-style: italic; margin-bottom: 28px; font-size: 16px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
                     Complete all questions for comprehensive healthspan analysis
                 </p>
             """)
             
             hrqol_inputs = []
             
-            # Create compact grid layout with professional text
+            # Create compact grid layout with orange text
             with gr.Group(elem_classes=["question-section"]):
                 for domain_key, domain_data in HRQOL_QUESTIONNAIRE.items():
                     for i, question in enumerate(domain_data["questions"]):