From 64a9efee616f7e4d0dcf11cdebfad76fa9070476 Mon Sep 17 00:00:00 2001
From: CCS Admin <martin.porwoll@complexcaresolutions.de>
Date: Sun, 15 Feb 2026 18:08:32 +0000
Subject: [PATCH] fix: align Button and Header with design guideline

- Secondary button hover: full espresso fill with white text
- Tertiary button: font-medium (500) and subtle hover background
- Primary button hover: exact 1px translateY
- Header: backdrop-blur 10px (was 4px) and z-index 100 (was 50)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/layout/Header.tsx | 2 +-
 src/components/ui/Button.tsx     | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 28eef49..91cf28f 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -16,7 +16,7 @@ export function Header({ navigation, settings }: HeaderProps) {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
 
   return (
-    <header className="sticky top-0 z-50 bg-ivory/95 backdrop-blur-sm border-b border-warm-gray">
+    <header className="sticky top-0 z-[100] bg-ivory/95 backdrop-blur-[10px] border-b border-warm-gray">
       <div className="container">
         <div className="flex items-center justify-between py-4">
           {/* Logo */}
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index ac00bb3..621f081 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -27,16 +27,16 @@ type ButtonProps = ButtonAsButton | ButtonAsLink
 const variantStyles: Record<ButtonVariant, string> = {
   primary: `
     bg-brass text-soft-white
-    hover:bg-brass-hover hover:-translate-y-0.5 hover:shadow-md
+    hover:bg-brass-hover hover:-translate-y-px hover:shadow-md
     active:translate-y-0
   `,
   secondary: `
     bg-transparent text-espresso border-[1.5px] border-espresso
-    hover:bg-espresso/10 hover:border-espresso
+    hover:bg-espresso hover:text-soft-white
   `,
   tertiary: `
-    bg-transparent text-espresso
-    hover:text-brass
+    bg-transparent text-espresso font-medium
+    hover:bg-espresso/5 hover:text-brass
   `,
 }