Hover color

diff --git a/site/assets/styles.css b/site/assets/styles.css
index 3b449269d5734fe861c9ecba1badf369d63920ce..47952022b1117611adef6754d4e6dfbd5d5b6417 100644 (file)
--- a/site/assets/styles.css
+++ b/site/assets/styles.css
@@ -171,14 +171,24 @@ header{
   .card { gap: 10px; padding: 10px 12px; }
 }
 
-
-/* Hover accent (optional) */
-.card:hover{
+/* Card hover accent */
+.card:hover {
   transform: translateY(-1px);
   border-color: var(--accent);
   box-shadow:
-    0 0 12px rgba(16,163,127,.25),  /* subtle green glow */
-    0 0  6px rgba(239,68,68,.20);   /* subtle red halo */
+    0 0 12px rgba(16,163,127,.25),
+    0 0 6px rgba(239,68,68,.20);
+}
+
+/* Make text (not icon) brighten on hover */
+.card:hover .tile-body h3,
+.card:hover .tile-body p {
+  color: var(--accent);
+}
+
+/* Keep the icon steady */
+.card:hover .tile-glyph {
+  color: var(--fg); /* or use a muted variant if you prefer */
 }
 
 /* Titles & descriptions (no line clamp) */