Update app.py

app.py

@@ -49,18 +49,19 @@ except ImportError:
 # ──────────────────────────────────────────────────────────────────────────────
 # Constants
 # ──────────────────────────────────────────────────────────────────────────────
-# Coral Stay palette (https://designmd.ai/chef/coral-stay)
-BG_COLOR     = "#FFFFFF"   # Background — clean page/figure background
-SURFACE      = "#F7F7F7"   # Surface — card/plot-axes fill
-GRID_COLOR   = "#DDDDDD"   # Border — dividers, plot grids
-TEXT_COLOR   = "#222222"   # Text Primary — Hof Dark
-TEXT_MUTED   = "#717171"   # Text Secondary
-ACCENT       = "#FF5A5F"   # Primary — Rausch Coral
-ACCENT_HOVER = "#E04E52"   # Primary hover
-SECONDARY    = "#00A699"   # Secondary — Kazan Teal
-SUCCESS      = "#008A05"
-WARNING      = "#E07912"
-ERROR        = "#C13515"
+# Tidepool Sorbet palette — fresh, sunny, welcoming
+# Coral #ff7a7a · Apricot #ffa36c · Butter #fff1b6 · Mint #7ae7c7 · Deep Teal #1f6f78
+BG_COLOR     = "#FFF1B6"   # Pale Butter Yellow — page & figure background
+SURFACE      = "#FFFDF6"   # warm near-white — card / plot-axis surface (pops against butter)
+GRID_COLOR   = "#F2CE8A"   # deeper butter — dividers, plot grid & borders
+TEXT_COLOR   = "#1F6F78"   # Deep Teal — headings & primary text
+TEXT_MUTED   = "#4F8B91"   # softened teal — secondary text
+ACCENT       = "#FF7A7A"   # Coral — primary CTA / plot highlights
+ACCENT_HOVER = "#E85F5F"   # darker coral — hover/pressed state
+SECONDARY    = "#FFA36C"   # Apricot — secondary highlight (pairs with coral)
+SUCCESS      = "#1F9D86"   # deep mint/teal — positive / biotic indicator
+WARNING      = "#7AE7C7"   # Mint — fresh accent (diversity indicator)
+ERROR        = "#E2483F"   # deep coral-red — errors / negative indicator
 N_FFT      = 2048
 HOP        = 512
 MAX_DUR_S  = 300          # clip to 5 min for HuggingFace timeout safety
@@ -532,33 +533,33 @@ CSS = """
 @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
 
 body, .gradio-container {
-    background: #FFFFFF !important;
+    background: #FFF1B6 !important;
     font-family: 'DM Sans', sans-serif !important;
-    color: #222222 !important;
+    color: #1F6F78 !important;
 }
 h1, h2, h3, h4 {
     font-family: 'Nunito Sans', sans-serif !important;
-    color: #222222 !important;
+    color: #1F6F78 !important;
 }
 h1 { font-size: 2.2rem !important; font-weight: 800 !important; }
 h2, h3 { font-weight: 700 !important; }
 label, .tab-nav button {
     font-family: 'DM Sans', sans-serif !important;
     font-weight: 600 !important;
-    color: #222222 !important;
+    color: #1F6F78 !important;
 }
-p, .prose, .markdown-body { color: #717171 !important; }
+p, .prose, .markdown-body { color: #4F8B91 !important; }
 
-/* Cards / surfaces — rounded, soft-bordered like Coral Stay cards */
+/* Cards / surfaces — warm near-white, popping against the butter page background */
 .gr-panel, .gr-box, .gr-form, .tabitem, .block {
-    background: #F7F7F7 !important;
-    border: 1px solid #DDDDDD !important;
+    background: #FFFDF6 !important;
+    border: 1px solid #F2CE8A !important;
     border-radius: 12px !important;
 }
 
-/* Buttons — Coral Stay primary (Rausch Coral) */
+/* Buttons — Tidepool Sorbet coral primary */
 .gr-button, button.primary {
-    background: #FF5A5F !important;
+    background: #FF7A7A !important;
     border: none !important;
     color: #FFFFFF !important;
     font-weight: 700;
@@ -568,13 +569,13 @@ p, .prose, .markdown-body { color: #717171 !important; }
     transition: background 0.15s ease-in-out;
 }
 .gr-button:hover, button.primary:hover {
-    background: #E04E52 !important;
+    background: #E85F5F !important;
 }
 
 /* Tabs — coral active state */
 .tab-nav button.selected {
-    color: #FF5A5F !important;
-    border-color: #FF5A5F !important;
+    color: #FF7A7A !important;
+    border-color: #FF7A7A !important;
 }
 
 footer { display: none !important; }
@@ -594,7 +595,7 @@ EXAMPLES = [e for e in EXAMPLES if os.path.isfile(e[0])]
 
 with gr.Blocks(title="🌊 Marine Soundscape Analyzer", css=CSS,
                theme=gr.themes.Base(
-                   primary_hue="red",
+                   primary_hue="orange",
                    secondary_hue="teal",
                    neutral_hue="gray",
                    font=gr.themes.GoogleFont("Nunito Sans"),