♿️ style: increase contrast for link hover

sass/main.scss

@@ -72,6 +72,7 @@
   --bg-0: #2f2f2f;
   --bg-1: rgba(133, 133, 133, 0.5);
   --bg-2: rgba(23, 23, 23, 100%);
+  --hover-color: black;
   --primary-color: #7cc4d1;
   --secondary-color: #4a4a4a;
   --links: #8fdfe5;

sass/parts/_footer.scss

@@ -55,7 +55,7 @@ footer nav {
   .social {
     &:hover {
       &>img {
-        filter: invert(1);
+        filter: invert(0);
       }
     }
 

sass/parts/_misc.scss

@@ -111,7 +111,7 @@ a {
 }
 
 a:hover {
-  background-color: var(--primary-color);
+  background-color: var(--accent-color);
   color: var(--hover-color);
 }
 
@@ -123,7 +123,7 @@ a:not(.no-hover-padding, .zola-anchor)::before {
   left: -0.15em;
   right: -0.15em;
   z-index: -1;
-  background-color: var(--primary-color);
+  background-color: var(--accent-color);
   opacity: 0;
 }