diff --git a/public/styles.css b/public/styles.css
index 782ca26..a7afb6a 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -123,25 +123,26 @@ a { color: inherit; text-decoration: none; }
     inset 0 -8px 11px -11px rgba(0,0,0,.9);
 }
 
-/* weiße Tastenkappe */
+/* weiße Tastenkappe — TEST: graue Tiefe statt schwarz */
 .btn-ghost {
   background: linear-gradient(180deg, #FFFFFF 0%, #F1F1EF 58%, #E5E5E2 100%);
   color: var(--black);
+  border-color: #BEBEBE;
   box-shadow:
-    0 8px 0 0 #0A0A0A,
-    0 17px 18px -8px rgba(0,0,0,.34),
+    0 8px 0 0 #B0B0B0,
+    0 17px 18px -8px rgba(0,0,0,.30),
     inset 0 2px 0 0 rgba(255,255,255,.95),
-    inset 0 -9px 11px -11px rgba(0,0,0,.42);
+    inset 0 -9px 11px -11px rgba(0,0,0,.30);
 }
 .btn-ghost:hover {
   background: linear-gradient(180deg, #FFFFFF 0%, #EAEAE7 58%, #DBDBD8 100%);
 }
 .btn-ghost:active {
   box-shadow:
-    0 0 0 0 #0A0A0A,
-    0 5px 7px -3px rgba(0,0,0,.3),
+    0 0 0 0 #B0B0B0,
+    0 5px 7px -3px rgba(0,0,0,.26),
     inset 0 2px 0 0 rgba(255,255,255,.9),
-    inset 0 -7px 10px -11px rgba(0,0,0,.38);
+    inset 0 -7px 10px -11px rgba(0,0,0,.28);
 }
 
 /* helle Tastenkappe (auf dunklem Grund) */