Barrierarm optimiert

styles/buttons.css

@@ -1,13 +1,13 @@
 :root {
   /* Colors */
-  --btn-bg-primary: #474747;
-  --btn-bg-primary-hover: #3b3b3b;
+  --btn-bg-primary: #267361;
+  --btn-bg-primary-hover: #267361;
   --btn-bg-primary-active: #353030;
 
   --btn-text-light: #fefcfb;
-  --btn-text-dark: #474747;
+  --btn-text-dark: #267361;
 
-  --btn-border-primary: #474747;
+  --btn-border-primary: #267361;
   --btn-border-ghost: #e9e9e9;
   --btn-border-ghost-hover: #ececec;
   --btn-border-ghost-active: #e1e1e1;
@@ -29,16 +29,16 @@
   --btn-px: 16px;
   --btn-py-lg: 16px;
   --btn-px-lg: 24px;
-  --btn-radius: 4px;
+  --btn-radius: 50px;
   --btn-gap: 8px;
   --btn-max-height: 52px;
   --btn-icon-size: 18px;
   --btn-tertiary-px: 4px;
 
   /* Typography */
-  --btn-font-family: inherit;
+  --btn-font-family: var(--font-body);
   --btn-font-size: 0.889rem;
-  --btn-font-weight: 600;
+  --btn-font-weight: var(--font-weight-bold);
   --btn-line-height: 1;
 
   /* Shadow */
@@ -240,5 +240,6 @@
 @media (min-width: 768px) {
   .btn {
     padding: var(--btn-py-lg) var(--btn-px-lg);
+    font-size: 1rem;
   }
 }