From d7138f3a32b744a227522de1178d18bd4c3b6933 Mon Sep 17 00:00:00 2001
From: remco <remcojandijkstra@ziggo.nl>
Date: Wed, 1 Jul 2026 17:33:14 +0200
Subject: [PATCH] fix: make enter button use theme primary color

---
 src/app/page.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8cd8d56b..85a2d43d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -239,11 +239,10 @@ export default async function HomePage() {
                   type="button"
                   className="rounded-full px-6 py-2.5 text-sm font-bold tracking-wide transition-all duration-200 hover:scale-105"
                   style={{
-                    background: "rgba(255,255,255,0.12)",
-                    backdropFilter: "blur(12px)",
-                    border: "1px solid rgba(255,255,255,0.15)",
-                    color: "#fff",
-                    boxShadow: "0 4px 20px rgba(0,0,0,0.15)",
+                    background: "var(--button-color)",
+                    color: "var(--button-text-color)",
+                    border: "none",
+                    boxShadow: "0 4px 20px color-mix(in srgb, var(--color-primary) 30%, transparent)",
                   }}
                 >
                   Enter {hotelName}