diff --git a/sass/style.scss b/sass/style.scss
index 4c85d63..6829f04 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -4,6 +4,11 @@
 $width-wrap: 960px;
 $width-narrow: ($width-wrap/3)*2;
 
+$col-light: #e8e6e3;
+$col-dark: #131516;
+$col-gray: lighten($col-dark, 5);
+$col-accent: #fc0;
+
 
 *, *:before, *:after {
 	box-sizing: border-box;
@@ -16,8 +21,8 @@ body {
 	width: 100%;
 	min-height: 100vh;
 	margin: 0 auto;
-	background: #131516;
-	color: #e8e6e3;
+	background: $col-dark;
+	color: $col-light;
 	font-family: open-sans, sans;
 	text-rendering: optimizeLegibility;
 }
@@ -49,7 +54,7 @@ body>header {
 body>nav {
 	width: 100%;
 	height: 3rem;
-	background: #1d1f21;
+	background: $col-gray;
 
 	display: flex;
 	justify-content: center;
@@ -61,11 +66,11 @@ body>nav {
 		padding: 0 1em;
 		height: 100%;
 
-		color: #fc0;
+		color: $col-accent;
 		text-decoration: none;
 
 		&:hover, &.active {
-			background: #131516;
+			background: $col-dark;
 		}
 
 		@media only screen and (min-width: $width-narrow) {