From 68a9eef41a556a2904ad0de3f498279a0f59b19d Mon Sep 17 00:00:00 2001
From: seaznCode <alexander.atmn@gmail.com>
Date: Tue, 14 Oct 2025 19:00:56 +0200
Subject: [PATCH] feat: Enhance text color utilities for better contrast and
 accessibility

---
 src/app/globals.css | 49 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/src/app/globals.css b/src/app/globals.css
index 726a36e..93d2bc5 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -9,6 +9,12 @@
   --color-brand-header: #0F172A;
   --color-brand-text: #4A4A4A;
   --color-brand-background: #FFFFFF;
+  
+  /* Text Colors - Better contrast */
+  --color-text-primary: #0F172A;     /* Dark slate for main text */
+  --color-text-secondary: #334155;   /* Slate 700 for secondary text */
+  --color-text-muted: #64748B;       /* Slate 500 for muted text */
+  --color-text-subtle: #94A3B8;      /* Slate 400 for subtle text */
 }
 
 /* Theme variables moved to :root for compatibility */
@@ -34,6 +40,49 @@ html, body {
   overflow-x: hidden;
 }
 
+/* Better text color utilities */
+.text-primary {
+  color: var(--color-text-primary) !important;
+}
+
+.text-secondary {
+  color: var(--color-text-secondary) !important;
+}
+
+.text-muted {
+  color: var(--color-text-muted) !important;
+}
+
+.text-subtle {
+  color: var(--color-text-subtle) !important;
+}
+
+/* Override problematic gray colors */
+.text-gray-500 {
+  color: var(--color-text-muted) !important;
+}
+
+.text-gray-400 {
+  color: var(--color-text-subtle) !important;
+}
+
+.text-gray-300 {
+  color: var(--color-text-subtle) !important;
+}
+
+/* Fix placeholder colors for better contrast */
+.placeholder-gray-400::placeholder {
+  color: var(--color-text-muted) !important;
+}
+
+.placeholder-gray-300::placeholder {
+  color: var(--color-text-muted) !important;
+}
+
+input::placeholder, textarea::placeholder {
+  color: var(--color-text-muted) !important;
+}
+
 #__next {
   height: 100%;
 }