From 84493942fe67ee70cddc5adaeea4ed6cb4b89639 Mon Sep 17 00:00:00 2001
From: Alexander Schmidt <alexander@schmidt.eco>
Date: Thu, 5 Feb 2026 16:44:16 +0100
Subject: [PATCH] feat: style primary button with accent color, ensure WCAG AA
 contrast for both themes

---
 css/components.css | 8 ++++----
 css/variables.css  | 7 +++++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/css/components.css b/css/components.css
index b38ee99..bba7377 100644
--- a/css/components.css
+++ b/css/components.css
@@ -16,13 +16,13 @@
 }
 
 .btn-primary {
-    background-color: var(--color-primary);
-    color: var(--color-bg);
+    background-color: var(--color-accent);
+    color: var(--color-accent-text, #fff);
 }
 
 .btn-primary:hover {
-    background-color: var(--color-primary-hover);
-    color: var(--color-bg);
+    background-color: var(--color-accent-hover);
+    color: var(--color-accent-text, #fff);
 }
 
 .btn-secondary {
diff --git a/css/variables.css b/css/variables.css
index 89008b6..346250f 100644
--- a/css/variables.css
+++ b/css/variables.css
@@ -12,8 +12,9 @@
     --color-secondary: #777777;
     --color-secondary-hover: #5A5A5A;
     
-    --color-accent: #059669;
-    --color-accent-hover: #047857;
+    --color-accent: #047857;
+    --color-accent-hover: #065f46;
+    --color-accent-text: #fff;
     
     --color-success: #666666;
     --color-warning: #888888;
@@ -105,6 +106,7 @@
         
         --color-accent: #10B981;
         --color-accent-hover: #34D399;
+        --color-accent-text: #052e16;
         
         --color-success: #999999;
         --color-warning: #AAAAAA;
@@ -137,6 +139,7 @@
     
     --color-accent: #10B981;
     --color-accent-hover: #34D399;
+    --color-accent-text: #052e16;
     
     --color-success: #999999;
     --color-warning: #AAAAAA;