Updating naming of alert variables

css/main.css

@@ -15,13 +15,21 @@
   --fg: #E8E3E3;
   --fg-dark: #151515;
   --red: #B66467;
-  --orange: #FF7700;
+  --orange: #D8A657;
+  --yellow: #D9BC8C;
   --green: #8C977D;
+  --blue: #8DA3B9;
+  --purple: #A988B0;
   --black: #121212;
   --white: #E8E3E3;
   --accent: #8C977D;
+  --warning: #B66467;
+  --alert: #D8A657;
+  --success: #8C977D;
+  --neutral: #121212;
   --shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
   --rad: 0.4rem;
+  --border: #8C977D 0.2rem solid;
 }
 
 /*
@@ -968,7 +976,7 @@ footer a {
   font-family: "Secular One", sans-serif;
 }
 footer a:hover {
-  color: #FF7700;
+  color: #D8A657;
 }
 
 /*
@@ -1054,16 +1062,24 @@ a.btn {
   text-align: center;
 }
 
-.btn-good {
-  background-color: #8C977D;
-}
-
 .btn-bad {
   background-color: #B66467;
+  /*color: darken($warning, 40%);*/
+}
+
+.btn-warning {
+  background-color: #D8A657;
+  /*color: darken($warning, 40%);*/
+}
+
+.btn-good {
+  background-color: #8C977D;
+  /*color: darken($warning, 40%);*/
 }
 
 .btn-neutral {
   background-color: #121212;
+  /*color: $white;*/
 }
 
 /*

css/main.scss

@@ -110,16 +110,22 @@ a.btn {
     text-align: center;
 }
 
-.btn-good {
-    background-color: $page-accent;
-}
 
 .btn-bad {
-    background-color: $red;
+    background-color: $warning;
+    /*color: darken($warning, 40%);*/
+}
+.btn-warning {
+    background-color: $alert;
+    /*color: darken($warning, 40%);*/
+}
+.btn-good {
+    background-color: $page-accent;
+    /*color: darken($warning, 40%);*/
 }
-
 .btn-neutral {
-    background-color: $black;
+    background-color: $neutral;
+    /*color: $white;*/
 }
 
 /*

css/scss/_variables.scss

@@ -5,12 +5,20 @@ $fg: #E8E3E3;
 $fg-alt: #151515;
 
 $red: #B66467;
-$orange: #FF7700;
+$orange: #D8A657;
+$yellow: #D9BC8C;
 $green: #8C977D;
+$blue: #8DA3B9;
+$purple: #A988B0;
+
 $black: #121212;
 $white: #E8E3E3;
 
 $page-accent: #8C977D;
+$warning: $red;
+$alert: $orange;
+$success: $green;
+$neutral: $black;
 
 $shadow: 6px 6px 2px #15151566;
 $rad: 0.4rem;
@@ -38,13 +46,21 @@ sans-serif;
 
   --red: #{$red};
   --orange: #{$orange};
+  --yellow: #{$yellow};
   --green: #{$green};
+  --blue: #{$blue};
+  --purple: #{$purple};
+
   --black: #{$black};
   --white: #{$white};
 
   --accent: #{$page-accent};
+  --warning: #{$warning};
+  --alert: #{$alert};
+  --success: #{$success};
+  --neutral: #{$neutral};
 
   --shadow: #{$shadow};
-
   --rad: #{$rad};
+  --border: #{$border};
 }