Update app.py

app.py

@@ -3,6 +3,41 @@ import secrets
 import string
 from datetime import datetime
 
+PROCELEVATE_BLUE = "#0F2C59"
+
+CUSTOM_CSS = f"""
+/* Primary buttons */
+.gr-button.gr-button-primary,
+button.primary {{
+  background: {PROCELEVATE_BLUE} !important;
+  border-color: {PROCELEVATE_BLUE} !important;
+  color: white !important;
+  font-weight: 600 !important;
+}}
+
+.gr-button.gr-button-primary:hover,
+button.primary:hover {{
+  filter: brightness(0.92);
+}}
+
+/* Tabs: selected tab underline + text */
+button[data-testid="tab-button"][aria-selected="true"] {{
+  border-bottom: 3px solid {PROCELEVATE_BLUE} !important;
+  color: {PROCELEVATE_BLUE} !important;
+  font-weight: 700 !important;
+}}
+
+/* Progress / highlights */
+a, .procelevate-accent {{
+  color: {PROCELEVATE_BLUE} !important;
+}}
+
+/* Subtle card borders */
+.block, .gr-box, .gr-panel {{
+  border-radius: 14px !important;
+}}
+"""
+
 # ----------------------------
 # In-memory stores (prototype)
 # ----------------------------
@@ -181,7 +216,7 @@ def reset_form():
 # ----------------------------
 # UI
 # ----------------------------
-with gr.Blocks(title="Hotel Self Check-In Prototype (Pre-Arrival / On-Arrival)") as demo:
+with gr.Blocks(title="Hotel Self Check-In Prototype (Pre-Arrival / On-Arrival)", css=CUSTOM_CSS) as demo:
     gr.Markdown(
         """
 # 🏨 Smart Self Check-In (Prototype)