diff --git a/src/scss/base.scss b/src/scss/base.scss
index 9637f65..ceceac5 100644
--- a/src/scss/base.scss
+++ b/src/scss/base.scss
@@ -1,4 +1,4 @@
-@import "fontfaces";
+@import 'fontfaces';
 
 /* theme colors */
 :root {
@@ -28,6 +28,18 @@
   --theme-c-white: #ffffff;
   --theme-c-black: #000000;
 
+  --theme-c-love: #e00f60;
+  --theme-c-yes: #2faf2a;
+  --theme-c-maybe: #daa520;
+  --theme-c-no: #8b0000;
+  --theme-c-receive: #448dc9;
+  --theme-c-give: #4a7d91;
+
+  --theme-c-love-dark: #9b0a41;
+  --theme-c-yes-dark: #1f771c;
+  --theme-c-maybe-dark: #997416;
+  --theme-c-no-dark: #530000;
+
   --theme-c-dull-red-translucent: #c64c35bf;
   --theme-c-indian-yellow-translucent: #eda958bf;
   --theme-c-dusky-blue-translucent: #4b608fbf;
@@ -100,8 +112,8 @@
 
 /* general purpose variables */
 :root {
-  --font-family-copy: "Dosis", sans-serif;
-  --font-family-headings: "Zilla Slab", sans-serif;
+  --font-family-copy: 'Dosis', sans-serif;
+  --font-family-headings: 'Zilla Slab', sans-serif;
 
   --font-size: 18px;
   --font-size-h1: 3rem;
@@ -128,8 +140,7 @@
 
   --page-background: var(--theme-b-page-background-light);
   --header-background: var(--theme-b-navigation-background-light);
-  --header-margin: 1rem var(--container-spacing-right-safe) 1rem
-    var(--container-spacing-left-safe);
+  --header-margin: 1rem var(--container-spacing-right-safe) 1rem var(--container-spacing-left-safe);
   --navigation-justify-content: flex-start;
 
   --quickfacts-background: var(--theme-b-page-background-light);
@@ -172,8 +183,7 @@
   --social-links-flex-flow: row wrap;
   --social-links-flex: 1 1 50%;
 
-  --footer-padding: var(--container-spacing-top-safe) 0
-    var(--container-spacing-bottom-safe) 0;
+  --footer-padding: var(--container-spacing-top-safe) 0 var(--container-spacing-bottom-safe) 0;
 }
 
 /* semantic color variables for this project */