Removed all old SASS color variables.

assets/css/_inputs.scss

@@ -1,8 +1,8 @@
 .select {
-    color: $shadow-strong;
-    background: $background;
+    color: var(--shadow-strong);
+    background: var(--background);
     padding: .5rem;
     font-size: 1rem;
-    border: solid 1px $shadow-weak;
+    border: solid 1px var(--shadow-weak);
     cursor: pointer;
 }

assets/css/_theme.scss

@@ -1,41 +1,11 @@
-/* $primary: #ff886c; */
 $breakpoint0: 540px;
 $breakpoint: 720px;
 $breakpoint2: 900px;
 $breakpoint3: 1200px;
 $breakpoint4: 1500px;
-$primary: #ff6c88;
-
-$background: #fff;
-$background-dim: #fafafa;
-$text: #222;
-$text-contrast: #fff;
-
-$shadow: rgba(0, 0, 0, .5);
-$shadow-extreme: rgba(0, 0, 0, .9);
-$shadow-strong: rgba(0, 0, 0, .7);
-$shadow-weak: rgba(0, 0, 0, .2);
-$shadow-hint: rgba(0, 0, 0, .1);
-
-$highlight: rgba(255, 255, 255, .5);
-$highlight-extreme: rgba(255, 255, 255, .9);
-$highlight-strong: rgba(255, 255, 255, .7);
-$highlight-weak: rgba(255, 255, 255, .2);
-$highlight-hint: rgba(255, 255, 255, .075);
-
-$logo-shadow: drop-shadow(1px 0 0 var(--shadow-weak)) drop-shadow(-1px 0 0 var(--shadow-weak)) drop-shadow(0 1px 0 var(--shadow-weak)) drop-shadow(0 -1px 0 var(--shadow-weak));
-$logo-highlight: drop-shadow(0 0 1px var(--highlight));
-
-$profile: #222;
-$tile: #2a2a2a;
-
-$link: #dd6688;
-$empty: #333;
-
-$male: #0af;
-$female: #f0a;
 
 :root {
+	/* --primary: #ff886c; */
     --primary: #ff6c88;
 
     --text-dark: #222;

assets/css/style.scss

@@ -31,9 +31,9 @@ body {
 }
 
 .icon.icon-href {
-    fill: $shadow;
+    fill: var(--shadow);
 
     :hover {
-        fill: $primary;
+        fill: var(--primary);
     }
 }