[design] improve link shadows

Author: zombieFox

css/base.css

@@ -83,12 +83,9 @@
   --animation-speed-fast: 0.2s;
   --animation-speed-medium: 0.4s;
   --animation-speed-slow: 0.6s;
-  --shadow-small: 0 2px 1px rgba(0, 0, 0, 0.1), 0 3px 2px rgba(0, 0, 0, 0.1);
-  --shadow-medium: 0 4px 10px rgba(0, 0, 0, 0.1), 0 6px 15px rgba(0, 0, 0, 0.1);
-  --shadow-large: 0 4px 10px rgba(0, 0, 0, 0.1), 0 6px 30px rgba(0, 0, 0, 0.1);
-  --shadow-small-inset: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-  --shadow-medium-inset: inset 0 2px 2px rgba(0, 0, 0, 0.1);
-  --shadow-large-inset: inset 0 3px 3px rgba(0, 0, 0, 0.15);
+  --shadow-small: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
+  --shadow-medium: 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.2);
+  --shadow-large: 0 3px 6px rgba(0, 0, 0, 0.1), 0 6px 12px rgba(0, 0, 0, 0.2);
   --z-index-background: 1000;
   --z-index-link: 2000;
   --z-index-header: 3000;

css/link.css

@@ -97,7 +97,7 @@
   text-decoration: none;
   outline: none;
   background-color: rgb(var(--gray-03));
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
+  box-shadow: var(--shadow-large);
 }
 
 .is-link-style-block .link-panel-front {
@@ -395,7 +395,7 @@
 .is-link-edit .link-item:hover .link-panel-front,
 .is-link-edit .link-item:focus .link-panel-front {
   height: calc(100% - var(--link-item-edit-height));
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
+  box-shadow: var(--shadow-medium);
 }
 
 .is-link-edit.is-link-url-show .link-item:focus .link-panel-front,