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 {