💄 style: simplify colourscheme

Improves accessibility and cohesion.

sass/parts/_header.scss

@@ -64,7 +64,7 @@ header {
   padding: 0.12rem;
   margin-left: -0.12rem;
   border: none;
-  color: var(--accent-color);
+  color: var(--primary-color);
   text-decoration: none;
 }
 

sass/parts/_home-banner.scss

@@ -18,7 +18,7 @@
     margin-bottom: 30px;
     font-size: 1.875rem;
     line-height: 3rem;
-    color: var(--accent-color);
+    color: var(--primary-color);
 }
 
 .home-banner-header {

sass/parts/_image.scss

@@ -9,7 +9,7 @@ figure {
 figcaption {
   font-family: var(--serif-font);
   font-size: 0.72rem;
-  color: var(--text-color-2);
+  color: var(--meta-color);
   text-align: center;
 }
 

sass/parts/_misc.scss

@@ -1,7 +1,3 @@
-.primary-color {
-  color: var(--primary-color);
-}
-
 .draft-label {
   color: var(--hover-color);
   text-decoration: none;
@@ -68,7 +64,7 @@ ul {
 }
 
 .bottom-divider {
-  border-bottom: var(--secondary-color) solid 0.5px;
+  border-bottom: var(--divider-color) solid 0.5px;
 }
 
 ::-moz-selection {
@@ -97,21 +93,21 @@ hr {
 }
 
 blockquote {
-  border-left: 0.2rem solid var(--accent-color);
+  border-left: 0.2rem solid var(--primary-color);
   color: var(--quote-color);
   margin: 0;
   padding-left: 1em;
 }
 
 a {
-  color: var(--accent-color);
+  color: var(--primary-color);
   text-decoration: inherit;
   font-weight: inherit;
   position: relative;
 }
 
 a:hover {
-  background-color: var(--accent-color);
+  background-color: var(--primary-color);
   color: var(--hover-color);
 }
 
@@ -123,7 +119,7 @@ a:not(.no-hover-padding, .zola-anchor)::before {
   left: -0.15em;
   right: -0.15em;
   z-index: -1;
-  background-color: var(--accent-color);
+  background-color: var(--primary-color);
   opacity: 0;
 }