style(v2): make links blue and bold to match legacy look (NK-6b4a2e)

3 files changed, 16 insertions, 11 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 {
diff --git a/frontend/src/index.css b/frontend/src/index.css
index fcfde1b..3b39cf5 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -70,6 +70,11 @@ button:focus-visible {
   outline: 4px auto -webkit-focus-ring-color;
 }
 
+a {
+  color: var(--link-color);
+  text-decoration: none;
+}
+
 @media (prefers-color-scheme: light) {
   :root {
     color: #213547;
@@ -77,7 +82,8 @@ button:focus-visible {
   }
 
   a:hover {
-    color: #747bff;
+    color: blue;
+    text-decoration: underline;
   }
 
   button {