Enable hover effect so that color gets dark by 20%

src/scss/_buttons.scss

@@ -9,7 +9,7 @@
 }
 
 .rounded-button:hover {
-  background-color: $primary-light;
+  background-color: darken($primary, $hover-threshold);
   transition: $hover-duration;
   text-decoration: none;
   color: white;

src/scss/_navbar.scss

@@ -48,6 +48,6 @@ $shrinking-duration: 0.4s;
 }
 
 .navbar__link:hover {
-  color: $primary;
+  color: darken($primary-dark, $hover-threshold);
   transition: $hover-duration;
 }

src/scss/_variables.scss

@@ -3,4 +3,5 @@ $primary-dark: #635c73;
 $primary-light: #a599c8;
 $regular-text: #848e97;
 
+$hover-threshold: 20%;
 $hover-duration: 0.3s;