Added depth effect to UI links

assets/css/main.css

@@ -12,6 +12,9 @@
 	--deus-color-light-blue: #2069b3;
 	--deus-color-gold: #fdc22f;
 	--deus-color-gold-shadow: #a5842e;
+	--deus-color-gold-shadow-opacity-one-quarter: rgba(165, 132, 46, 0.25);
+	--deus-color-gold-shadow-opacity-one-half: rgba(165, 132, 46, 0.5);
+	--deus-color-gold-shadow-opacity-three-quarters: rgba(165, 132, 46, 0.75);
 	--deus-color-golden-brown: #684f00;
 	--deus-color-darker-grey: #161a1f;
 	--deus-color-dark-grey: #272b30;
@@ -39,6 +42,7 @@
 	--deus-link-color-hover: var(--deus-color-white);
 	--deus-link-color-active: var(--deus-color-white);
 	--deus-link-color-visited: var(--deus-color-gold);
+	--deus-link-text-shadow-color: var(--deus-color-gold-shadow-opacity-one-quarter);
 	
 	--deus-image-border-color: var(--deus-color-golden-brown);
 
@@ -170,6 +174,7 @@ main nav a {
 	font-weight: bold;
 	font-feature-settings: var(--deus-nav-ui-font-opentype-features);
 	font-variant: var(--deus-nav-ui-font-variant);
+	text-shadow: 2px 2px 0 var(--deus-link-text-shadow-color);
 
 	/*	Workaround for baseline bug in “Spectral” font.
 		*/
@@ -350,6 +355,10 @@ article h1 {
 	padding-top: calc(0.5 * var(--deus-post-padding) + 0.125em);
 }
 
+article h1 a {
+	text-shadow: 2px 2px 0 var(--deus-link-text-shadow-color);
+}
+
 article h1 a:hover {
 	text-decoration: none;
 }