diff --git a/_scss/_base.scss b/_scss/_base.scss
index 5454661..e363a3d 100644
--- a/_scss/_base.scss
+++ b/_scss/_base.scss
@@ -17,8 +17,8 @@ html {
 .section {
 	border-radius: 35px;
 background: $background-color;
-box-shadow:  5px 5px 17px #060606,
-             -5px -5px 17px #16161a;
+box-shadow:  5px 5px 17px scale-color($background-color, $lightness: -35%),
+             -5px -5px 17px scale-color($background-color, $lightness: +5%);
 	max-width: 20cm;
 	margin: 0 auto;
 }
diff --git a/_scss/_formatting.scss b/_scss/_formatting.scss
index 17b96f5..10c9dfb 100644
--- a/_scss/_formatting.scss
+++ b/_scss/_formatting.scss
@@ -15,31 +15,37 @@
     transition: all 0.1s ease-in-out;
 	border-radius: 10px;
 	background: $background-color;
-	box-shadow:  5px 5px 10px #060606,
-             -5px -5px 10px #16161a;
+	box-shadow:  5px 5px 10px scale-color($background-color, $lightness: -35%),
+             -5px -5px 10px scale-color($background-color, $lightness: +5%);
 
     &:hover {
-		background: linear-gradient(145deg, #0f0f11, #0d0d0e);
-		box-shadow:  5px 5px 10px #060606,
-        	-5px -5px 10px #16161a;
+		background: linear-gradient(145deg,
+		scale-color($background-color, $lightness: -35%),
+		scale-color($background-color, $lightness: +5%));
+
+		box-shadow:  5px 5px 10px scale-color($background-color, $lightness: -35%),
+        	-5px -5px 10px scale-color($background-color, $lightness: +5%);
     }
     &:active {
-		background: linear-gradient(145deg, #0d0d0e, #0f0f11);
-		box-shadow:  5px 5px 10px #060606,
-        	-5px -5px 10px #16161a;
+		background: linear-gradient(145deg,
+		scale-color($background-color, $lightness: -35%),
+		scale-color($background-color, $lightness: +5%));
+
+		box-shadow:  5px 5px 10px scale-color($background-color, $lightness: -35%),
+        	-5px -5px 10px scale-color($background-color, $lightness: +5%);
 	}
 }
 
 a {
-	color: $light-color;
+	color: $accent-color;
 }
 
 a:visited {
-	color: scale-color($light-color, $lightness: -15%);
+	color: $light-color;
 }
 
 ul, ol {
-	color: scale-color($foreground-color, $lightness: -20%);
+	color: #C3BAC6;
 }
 
 blockquote {
@@ -83,8 +89,8 @@ code, pre {
 	padding: 10px;
 
 	background: $background-color !important;
-box-shadow: inset 5px 5px 10px #070708,
-            inset -5px -5px 10px #151518;
+box-shadow: inset 5px 5px 10px scale-color($background-color, $lightness: -35%),
+            inset -5px -5px 10px scale-color($background-color, $lightness: +5%);
 	@media only screen and (min-width: 600px) {
 		display: inline-block;
 		max-width: 18cm;
diff --git a/style.scss b/style.scss
index f2af5af..9a0ef77 100644
--- a/style.scss
+++ b/style.scss
@@ -1,7 +1,6 @@
-$background-color: #0E0E10;
-$foreground-color: #F9F8F8;
-$light-color: #E2ADF2;
-$dark-color: #2A1E5C;
-$accent-color: #EE4266;
+$background-color: #161320;
+$foreground-color: #D9E0EE;
+$light-color: #F5C2E7;
+$accent-color: #F2CDCD;
 
 @import '_scss/base', '_scss/formatting', '_scss/navigation', '_scss/footer', '_scss/image';