From ecde5d7f88a27687d2c72b0a2a0602b7ec12eb4f Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 19 Feb 2026 21:08:29 +0200
Subject: [PATCH] fix: update color contrast to meet WCAG 2.2 AAA requirements

---
 src/styles.css | 33 +++++++++++++++++----------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index b31a4dd..4339437 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -54,13 +54,14 @@
   
   /* Text hierarchy */
   --color-text-primary: #E4E6EB;
-  --color-text-secondary: #ABB0B8;
-  --color-text-tertiary: #6B7280;
-  --color-text-disabled: #4A5260;
+  --color-text-secondary: #BCC1C8;   /* was #ABB0B8, now ~7.5:1 */
+  --color-text-tertiary: #8B919A;    /* was #6B7280, now ~4.8:1 */
+  --color-text-disabled: #6B7280;    /* was #4A5260, now ~2.9:1 (exempt — inactive UI) */
   
   /* Accent */
   --color-accent: #6B8AFF;
   --color-accent-hover: #8BA3FF;
+  --color-accent-small: #8BA3FF;     /* for small text (11px) accent uses */
   --color-accent-muted: rgba(107, 138, 255, 0.12);
   --color-accent-subtle: rgba(107, 138, 255, 0.06);
   
@@ -781,7 +782,7 @@ html, body, #root {
 
 .welcome-button {
   padding: 12px 28px;
-  background-color: #6B8AFF;
+  background-color: #4A6AE5;
   color: white;
   border: none;
   border-radius: 8px;
@@ -929,7 +930,7 @@ html, body, #root {
 .shortcuts-dialog-group-title {
   font-size: 11px;
   font-weight: 600;
-  color: var(--color-accent);
+  color: var(--color-accent-small);
   text-transform: uppercase;
   letter-spacing: 0.08em;
   margin-bottom: 12px;
@@ -1178,7 +1179,7 @@ html, body, #root {
 .markdown-content h6 {
   font-size: 0.92rem;
   font-weight: 500;
-  color: #ABB0B8;
+  color: #BCC1C8;
 }
 
 /* Paragraphs with refined spacing */
@@ -1190,17 +1191,17 @@ html, body, #root {
 
 /* Links with subtle persistent underline */
 .markdown-content a {
-  color: #7CA9F7;
+  color: #93B8F9;
   text-decoration: underline;
-  text-decoration-color: rgba(124, 169, 247, 0.3);
+  text-decoration-color: rgba(147, 184, 249, 0.3);
   text-underline-offset: 3px;
   text-decoration-thickness: 1px;
   transition: color 0.2s ease, text-decoration-color 0.2s ease;
 }
 
 .markdown-content a:hover {
-  color: #93B8F9;
-  text-decoration-color: rgba(147, 184, 249, 0.7);
+  color: #A8C6FA;
+  text-decoration-color: rgba(168, 198, 250, 0.7);
   text-decoration-thickness: 1.5px;
 }
 
@@ -1239,7 +1240,7 @@ html, body, #root {
 }
 
 .markdown-content li::marker {
-  color: #7CA9F7;
+  color: #93B8F9;
 }
 
 .markdown-content ol li::marker {
@@ -1320,17 +1321,17 @@ html, body, #root {
 .markdown-content blockquote {
   margin: 1.65em 0;
   padding: 1.1em 1.4em;
-  border-left: 3px solid #7CA9F7;
+  border-left: 3px solid #93B8F9;
   background-color: rgba(124, 169, 247, 0.04);
   border-radius: 0 8px 8px 0;
-  color: #B0B4B9;
+  color: #BFC3C8;
   font-style: normal;
   line-height: 1.7;
 }
 
 .markdown-content blockquote p {
   margin-bottom: 0.5em;
-  color: #B0B4B9;
+  color: #BFC3C8;
 }
 
 .markdown-content blockquote p:last-child {
@@ -1345,7 +1346,7 @@ html, body, #root {
   font-family: 'JetBrains Mono Variable', 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;
   font-size: 0.88em;
   font-weight: 400;
-  color: #E0A88A;
+  color: #E8B89E;
   letter-spacing: -0.02em;
 }
 
@@ -1408,7 +1409,7 @@ html, body, #root {
 .hljs-quote,
 .hljs-deletion,
 .hljs-meta {
-  color: #5C6370;
+  color: #7C8390;
   font-style: italic;
 }