From d0143c229b0d953e8bec0de4305a851073e634e6 Mon Sep 17 00:00:00 2001
From: Ashwin Kumar Sivakumar <ashwin@traceworks.in>
Date: Mon, 6 Jul 2026 22:32:24 +0530
Subject: [PATCH] fix: Restore brand color #fd6116, use brand navy text for
 accessibility

- Keep original brand orange #fd6116 for buttons
- Use brand navy #050026 as text color on orange background
- Ensures WCAG AA compliance (6.67:1 contrast ratio)
- Maintains brand consistency
---
 src/app.css | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/app.css b/src/app.css
index fe2130b..96a4aac 100644
--- a/src/app.css
+++ b/src/app.css
@@ -4,10 +4,11 @@
 :root {
   --brand-orange: #fd6116;
   --brand-orange-dark: #e45a14;
-  --brand-orange-accessible: #d94c08; /* WCAG AA compliant */
+  --brand-orange-accessible: #d94c08;
   --brand-navy: #050026;
   --ink: #100b2f;
   --bg-soft: #f6f8ff;
+  --text-on-orange: #050026; /* Brand navy text on orange background */
 }
 
 * {
@@ -218,13 +219,13 @@ body {
 }
 
 .btn.primary {
-  border-color: var(--brand-orange-accessible);
-  background: var(--brand-orange-accessible);
-  color: #fff;
+  border-color: var(--brand-orange);
+  background: var(--brand-orange);
+  color: var(--text-on-orange);
 }
 
 .btn.primary:hover {
-  background: #8a2d00;
+  background: var(--brand-orange-dark);
 }
 
 .page {
@@ -1139,10 +1140,10 @@ body {
 }
 
 .chip-btn.active {
-  border-color: #a33500;
-  background: #a33500;
-  color: #fff;
-  box-shadow: 0 8px 18px -10px rgba(163, 53, 0, 0.8);
+  border-color: #fd6116;
+  background: #fd6116;
+  color: #050026;
+  box-shadow: 0 8px 18px -10px rgba(253, 97, 22, 0.8);
 }
 
 .path-grid {