Update app.py

app.py

@@ -21,10 +21,11 @@ THEME: Dict[str, Any] = {
         "pill_pad_h": 14,        # px
         "pill_font": 16,         # px
         "tagline_font": 15,      # px
-        "bg1": "#1565C0",        # strip gradient start
-        "bg2": "#1565C0",        # strip gradient end
-        "text": "#FFFFFF",
-        "tagline_color": "#000000",
+        # Premium header palette
+        "bg1": "#0B1220",        # charcoal
+        "bg2": "#142136",        # deep navy
+        "text": "#E4B83A",       # gold text inside pill
+        "tagline_color": "#475569",
     },
     "page": {
         "top_padding": 50,       # px top padding for page
@@ -46,9 +47,10 @@ THEME: Dict[str, Any] = {
         "pad_v": 24,             # px
         "pad_h": 20,             # px
         "border": "#0B1220",     # dark outline
-        "border_hover": "#1E293B",
-        "bg_top":  "#1565C0",    # default gradient (overridden per-card below)
-        "bg_bot":  "#1565C0",
+        "border_hover": "#243447",
+        # defaults (overridden per card below)
+        "bg_top":  "#FFFFFF",
+        "bg_bot":  "#FBFCFE",
         "title_color": "#0B1220",
         "blurb_color": "#566275",
     },
@@ -62,15 +64,16 @@ THEME: Dict[str, Any] = {
         "pad_v": 12,             # px
         "pad_h": 20,             # px
         "radius": 14,            # px
-        "bg1": "#1565C0",
-        "bg2": "#1565C0",
+        # premium navy CTA
+        "bg1": "#0B1220",
+        "bg2": "#162338",
         "text": "#FFFFFF",
-        "border": "rgba(11,18,32,.45)",
+        "border": "rgba(11,18,32,.55)",
     },
 }
 
 # ========= CARDS (content + per-card overrides) =========
-# Only changed: stronger tints (0.25 / 0.15) so the bg color is clearly visible
+# Solid, very-light tints for a premium feel (no washed-out rgba)
 CARDS = [
     {
         "title": "ST_Log_GR",
@@ -78,8 +81,9 @@ CARDS = [
         "url":   "https://smart-thinking-gr.hf.space/",
         "icon":  ASSETS / "GR_logo.png",
         "style": {
-            "bg_top":  "rgba(14,116,144,0.25)",
-            "bg_bot":  "rgba(14,116,144,0.15)",
+            "bg_top":  "#EAF7F1",   # minty light
+            "bg_bot":  "#F6FBF8",
+            "border":  "#0F3D3E",
         },
     },
     {
@@ -88,8 +92,9 @@ CARDS = [
         "url":   "https://smart-thinking-sonic-ts.hf.space",
         "icon":  ASSETS / "Ts_logo.png",
         "style": {
-            "bg_top":  "rgba(2,132,199,0.25)",
-            "bg_bot":  "rgba(2,132,199,0.15)",
+            "bg_top":  "#EAF7FD",   # airy cyan
+            "bg_bot":  "#F5FBFF",
+            "border":  "#0E4A6E",
         },
     },
     {
@@ -98,8 +103,9 @@ CARDS = [
         "url":   "https://smart-thinking-sonic-tc.hf.space",
         "icon":  ASSETS / "Tc_logo.png",
         "style": {
-            "bg_top":  "rgba(99,102,241,0.25)",
-            "bg_bot":  "rgba(99,102,241,0.15)",
+            "bg_top":  "#EEF0FF",   # soft indigo
+            "bg_bot":  "#F7F8FF",
+            "border":  "#3E4EB8",
         },
     },
 ]
@@ -239,7 +245,7 @@ st.markdown(f"""
     padding: var(--c-pv, var(--card-pv)) var(--c-ph, var(--card-ph));
     background: linear-gradient(180deg, var(--c-bg-top, {card["bg_top"]}) 0%, var(--c-bg-bot, {card["bg_bot"]}) 100%);
     border: var(--c-bw, var(--card-bw)) solid var(--c-border, var(--cardStroke));
-    /* SOFTER inner highlights so color shows more */
+    /* Softer inner highlights → color shows more, keeps 3D */
     box-shadow:
       0 14px 32px rgba(2,20,35,.12),
       0 1px 0 rgba(255,255,255,0.70) inset,
@@ -314,23 +320,6 @@ st.markdown(
 )
 
 # ========= Hero =========
-def data_uri(path: Path) -> Optional[str]:
-    if not path or not path.exists():
-        return None
-    mime, _ = mimetypes.guess_type(path.name)
-    if not mime:
-        mime = "image/png"
-    b64 = base64.b64encode(path.read_bytes()).decode("utf-8")
-    return f"data:{mime};base64,{b64}"
-
-def img_tag(path: Path, alt: str, cls: str = "", style: str = "") -> str:
-    uri = data_uri(path)
-    if not uri:
-        return ""
-    cls_attr = f' class="{cls}"' if cls else ""
-    style_attr = f' style="{style}"' if style else ""
-    return f'<img{cls_attr}{style_attr} src="{uri}" alt="{escape(alt)}" />'
-
 hero_html = img_tag(THEME["hero"]["logo"], "ST_LOG SUITE")
 st.markdown(f"<div class='hero'>{hero_html}</div>", unsafe_allow_html=True)