diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss
index 7f80d015c..f1c629e7f 100644
--- a/core/scss/_variables.scss
+++ b/core/scss/_variables.scss
@@ -1003,7 +1003,7 @@ $box-shadow: $box-shadow-md !default;
 $box-shadow-transparent: 0 0 0 0 transparent !default;
 $box-shadow-border: 0px 0px 0px 1px rgba(18, 18, 23, 0.10) !default;
 $box-shadow-input: $box-shadow-xs !default;
-$box-shadow-card: $box-shadow-sm !default;
+$box-shadow-card: $box-shadow-xs !default;
 $box-shadow-card-hover: $box-shadow-lg !default;
 $box-shadow-dropdown: $box-shadow-overlay !default;
 
@@ -1486,7 +1486,8 @@ $nav-link-disabled-color: var(--#{$prefix}disabled-color) !default;
 $nav-link-focus-box-shadow: $focus-ring-box-shadow !default;
 $nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
 $nav-link-icon-size: $icon-size !default;
-$nav-link-icon-color: inherit !default;
+$nav-link-icon-color: color-transparent(var(--#{$prefix}nav-link-color), 0.5) !default;
+$nav-link-hover-icon-color: color-transparent(var(--#{$prefix}nav-link-color), 0.8) !default;
 
 $nav-pills-border-radius: var(--#{$prefix}border-radius) !default;
 $nav-pills-link-active-color: var(--#{$prefix}primary) !default;
@@ -1563,7 +1564,7 @@ $navbar-toggler-transition: box-shadow 0.15s ease-in-out !default;
 $navbar-toggler-animation-time: 0.2s !default;
 $navbar-overlap-height: 9rem !default;
 
-$navbar-nav-link-hover-bg: rgba(0, 0, 0, 0.04) !default;
+$navbar-nav-link-hover-bg: color-transparent(var(--#{$prefix}nav-link-color), 0.04) !default;
 
 $navbar-active-border-color: var(--#{$prefix}primary) !default;
 
diff --git a/core/scss/layout/_navbar.scss b/core/scss/layout/_navbar.scss
index a70672bea..31c9ccef4 100644
--- a/core/scss/layout/_navbar.scss
+++ b/core/scss/layout/_navbar.scss
@@ -275,7 +275,9 @@ Navbar transparent
 Navbar nav
  */
 .navbar-nav {
-  --#{$prefix}nav-link-hover-bg: #{color-transparent(var(--#{$prefix}nav-link-color), 0.04)};
+  --#{$prefix}nav-link-hover-bg: #{$navbar-nav-link-hover-bg};
+  --#{$prefix}nav-link-icon-color: #{$nav-link-icon-color};
+  --#{$prefix}nav-link-hover-icon-color: #{$nav-link-hover-icon-color};
   margin: 0;
   padding: 0;
   align-items: stretch;
diff --git a/core/scss/marketing/_pricing.scss b/core/scss/marketing/_pricing.scss
index 1a168181a..0c06a8bc7 100644
--- a/core/scss/marketing/_pricing.scss
+++ b/core/scss/marketing/_pricing.scss
@@ -20,7 +20,7 @@ $pricing-card-width: 22rem;
   padding: 2rem;
   margin: 0 0 1rem;
   position: relative;
-  box-shadow: $box-shadow-card;
+  box-shadow: var(--#{$prefix}shadow-card);
   text-align: center;
   @include border-radius($border-radius-lg);
 
@@ -46,7 +46,7 @@ $pricing-card-width: 22rem;
       order: unset;
       margin-top: 0;
       margin-bottom: 0;
-      box-shadow: $box-shadow-card;
+      box-shadow: var(--#{$prefix}shadow-card);
       @include border-radius($border-radius-lg);
     }
   }
diff --git a/core/scss/ui/_cards.scss b/core/scss/ui/_cards.scss
index 6e0d2cf49..f677d1bda 100644
--- a/core/scss/ui/_cards.scss
+++ b/core/scss/ui/_cards.scss
@@ -29,7 +29,7 @@
 
     &:hover {
       text-decoration: none;
-      box-shadow: $box-shadow-card-hover;
+      box-shadow: var(--#{$prefix}shadow-card-hover);
     }
   }
 
diff --git a/core/scss/ui/_nav.scss b/core/scss/ui/_nav.scss
index be7bd5a4c..6b12e6f60 100644
--- a/core/scss/ui/_nav.scss
+++ b/core/scss/ui/_nav.scss
@@ -99,6 +99,10 @@
     display: block;
     height: 100%;
   }
+
+  .nav-link:hover & {
+    color: var(--#{$prefix}nav-link-hover-icon-color);
+  }
 }
 
 .nav-fill {