Use color palette from Paletton.com.

1 files changed, 6 insertions, 5 deletions

diff --git a/style.scss b/style.scss
index 6f76956..e85731e 100644
--- a/style.scss
+++ b/style.scss
@@ -25,7 +25,7 @@
 	max-width: 45em;
 	margin: 0 auto;
 	padding: .5em 2em;
-	background-color: $background_color;
+	background-color: $color-primary-1;
 }
 
 // layout - main content
@@ -94,7 +94,7 @@
 	a {
 		color: transparent;
 		&:hover {
-			color: $spot_primary_color;
+			color: $color-complement-0;
 			text-decoration: none;
 		}
 	}
@@ -104,14 +104,15 @@
 //
 // Grey underlay, Helvetica text
 body {
-	background-color: $spot_primary_color;
+	background-color: $color-primary-0;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 }
 
-// Anchors
+// Links
 //
-// Underlined only when hovered
+// Use primary color; underlined only when hovered
 a {
+	@include link-colors($color-complement-0, $color-complement-2);
 	@include hover-link;
 }