Fix card text readability: use navbar-text color paired with navbar background on all cards

src/app/news/page.tsx

@@ -64,13 +64,13 @@ export default async function NewsPage() {
                   />
                 )}
                 <div style={{ padding: "1rem 1.1rem", flex: 1, display: "flex", flexDirection: "column" }}>
-                  <h3 style={{ margin: 0, fontSize: "1.05rem", color: "var(--color-text)", lineHeight: 1.4 }}>
+                  <h3 style={{ margin: 0, fontSize: "1.05rem", color: "var(--color-navbar-text)", lineHeight: 1.4 }}>
                     {a.title}
                   </h3>
                   <p className="muted" style={{ margin: "0.35rem 0 0.6rem", fontSize: "0.78rem" }}>
                     {formatDate(a.createdAt)}
                   </p>
-                  <p style={{ margin: 0, color: "var(--color-text)", fontSize: "0.88rem", lineHeight: 1.55 }}>
+                  <p style={{ margin: 0, color: "var(--color-navbar-text)", fontSize: "0.88rem", lineHeight: 1.55 }}>
                     {excerpt(a.shortStory, 150)}
                   </p>
                 </div>