diff --git a/frontend/src/App.css b/frontend/src/App.css
index 766266e..461d560 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -589,7 +589,7 @@ a.app-footer__repo:hover {
 }
 
 .back-link:hover {
-  color: var(--color-text-primary);
+  color: #c084fc;
 }
 
 .detail-header {
@@ -1080,7 +1080,7 @@ a.app-footer__repo:hover {
 }
 
 .section-heading--accent {
-  color: var(--color-accent);
+  color: #c084fc;
 }
 
 /* ── Home / Hero ──────────────────────────────────────────────────────────── */
@@ -1513,7 +1513,7 @@ a.app-footer__repo:hover {
 .home-stats__number {
   font-size: 1.75rem;
   font-weight: 700;
-  color: var(--color-accent);
+  color: #c084fc;
   font-variant-numeric: tabular-nums;
   line-height: 1.2;
 }
@@ -1767,8 +1767,8 @@ a.app-footer__repo:hover {
 }
 
 .pill--plugin {
-  background: var(--color-pill-plugin-bg);
-  color: var(--color-pill-plugin-text);
+  background: rgba(168, 85, 247, 0.12);
+  color: #c084fc;
 }
 
 .pill--overflow {
@@ -2104,7 +2104,7 @@ a.app-footer__repo:hover {
 /* ── Table of Contents ────────────────────────────────────────────────────── */
 
 .technique-toc {
-  border-left: 2px solid var(--color-accent);
+  border-left: 2px solid #a855f7;
   padding: 0 0 0 1rem;
   margin-bottom: 1.5rem;
 }
@@ -2114,7 +2114,7 @@ a.app-footer__repo:hover {
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  color: var(--color-text-secondary);
+  color: #c084fc;
   margin-bottom: 0.75rem;
 }