From 6a3148bd8804a04a08180af43f19e61c1dd27528 Mon Sep 17 00:00:00 2001
From: Sergey Bolshakov <spooky5ya@yandex.ru>
Date: Fri, 24 Oct 2025 21:47:49 +0300
Subject: [PATCH] =?UTF-8?q?hover=20=D0=B8=20active=20=D1=86=D0=B2=D0=B5?=
 =?UTF-8?q?=D1=82=D0=B0=20=D0=B4=D0=BB=D1=8F=20brand=20=D0=BA=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=BF=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/Hero.tsx | 4 ++--
 src/app/globals.css         | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/components/Hero.tsx b/src/app/components/Hero.tsx
index aa61373..92df9ec 100644
--- a/src/app/components/Hero.tsx
+++ b/src/app/components/Hero.tsx
@@ -41,7 +41,7 @@ export default function Hero() {
 
                 {/* Кнопка для мобильных устройств */}
                 <div className="md:hidden flex  justify-center">
-                    <Button className="bg-brand hover:bg-teal-700 font-bold text-white h-[64px] px-8 text-lg w-full">
+                    <Button className="bg-brand hover:bg-brand-hover active:bg-brand-active font-bold text-white h-[64px] border-0 px-8 text-lg w-full">
                         Выберите яхту
                     </Button>
                 </div>
@@ -142,7 +142,7 @@ export default function Hero() {
                             </div>
 
                             {/* Кнопка поиска */}
-                            <Button className="bg-brand hover:bg-teal-700 font-bold text-white h-[64px] w-[176px] px-8">
+                            <Button className="bg-brand hover:bg-brand-hover active:bg-brand-active font-bold text-white h-[64px] w-[176px] px-8">
                                 Найти
                             </Button>
                         </div>
diff --git a/src/app/globals.css b/src/app/globals.css
index 160fc78..8dba675 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -43,6 +43,8 @@
     --color-card-foreground: var(--card-foreground);
     --color-card: var(--card);
     --color-brand: var(--brand);
+    --color-brand-hover: var(--brand-hover);
+    --color-brand-active: var(--brand-active);
     --radius-sm: calc(var(--radius) - 4px);
     --radius-md: calc(var(--radius) - 2px);
     --radius-lg: var(--radius);
@@ -83,6 +85,8 @@
     --sidebar-border: oklch(0.922 0 0);
     --sidebar-ring: oklch(0.708 0 0);
     --brand: oklch(0.5588 0.0992 215.93);
+    --brand-hover: oklch(0.4588 0.0992 215.93); /* #006B7A */
+    --brand-active: oklch(0.3588 0.0992 215.93);
 }
 
 .dark {