Hover tweaks

diff --git a/site/assets/styles.css b/site/assets/styles.css
index 47952022b1117611adef6754d4e6dfbd5d5b6417..df21eb0db64ddce86ac71d1ba822b283309d6d7b 100644 (file)
--- a/site/assets/styles.css
+++ b/site/assets/styles.css
@@ -181,8 +181,7 @@ header{
 }
 
 /* Make text (not icon) brighten on hover */
-.card:hover .tile-body h3,
-.card:hover .tile-body p {
+.card:hover .tile-body h3 {
   color: var(--accent);
 }
 
@@ -228,15 +227,18 @@ footer{
   font-size: .9rem;
 }
 
-.foot-links{ display: flex; gap: 12px; flex-wrap: wrap; }
-.foot-links a{
-  color: inherit;
+.foot-links a {
+  color: var(--muted);
   text-decoration: none;
-  border-bottom: 1px dashed var(--ring);
+  transition: color .15s ease, text-decoration-color .15s ease;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 3px;
 }
-.foot-links a:hover{
-  color: var(--fg);
-  border-bottom-color: var(--accent);
+
+.foot-links a:hover {
+  color: var(--accent);
+  text-decoration: underline;
+  text-decoration-color: var(--accent);
 }
 
 /* =================