2 files changed, 9 insertions, 10 deletions
diff --git a/frontend/src/components/FeedItem.css b/frontend/src/components/FeedItem.css
index bdca707..8c1609b 100644
--- a/frontend/src/components/FeedItem.css
+++ b/frontend/src/components/FeedItem.css
@@ -24,17 +24,15 @@
 .item-title {
     font-size: 1.25rem;
     font-weight: bold;
-    /* Legacy headers were bold */
     text-decoration: none;
-    color: #333;
+    color: var(--link-color);
     display: block;
     flex: 1;
 }
 
 .item-title:hover {
-    text-decoration: none;
-    color: blue;
-    /* Legacy link color */
+    text-decoration: underline;
+    color: var(--link-color);
 }
 
 .item-actions {
diff --git a/frontend/src/components/FeedList.css b/frontend/src/components/FeedList.css
index 65c9c53..63dbc4b 100644
--- a/frontend/src/components/FeedList.css
+++ b/frontend/src/components/FeedList.css
@@ -54,14 +54,15 @@
 }
 
 .feed-title {
-    color: #333;
+    color: var(--link-color);
     text-decoration: none;
     font-size: 0.9rem;
+    font-weight: bold;
 }
 
 .feed-title:hover {
     text-decoration: underline;
-    color: #000;
+    color: var(--link-color);
 }
 
 .feed-category {
@@ -75,19 +76,19 @@
 
 .tag-link,
 .filter-list li a {
-    color: #333;
+    color: var(--link-color);
     text-decoration: none;
     font-size: 0.9rem;
     display: block;
     padding: 0.1rem 0;
+    font-weight: bold;
 }
 
 .tag-link:hover,
 .filter-list li a:hover {
     text-decoration: underline;
     background: transparent;
-    /* No hover bg */
-    color: #000;
+    color: var(--link-color);
 }
 
 .filter-section {