Fix color dependencies

src/styles/_common.scss

@@ -1,3 +1,5 @@
+@use "color";
+
 /* Animations */
 
 @-webkit-keyframes fadeIn {
@@ -102,12 +104,12 @@ a.button {
 button, a.button {
 	@extend .clickable;
 	font-weight: bold;
-	color: #000;
-	background: #eee;
+	color: color.$default;
+	background: color.$default-bg;
 
 	&:hover {
-		color: #eee;
-		background: #000;
+		color: color.$default-inv;
+		background: color.$default-inv-bg;
 	}
 }
 
@@ -129,13 +131,13 @@ h1 {
 	p {
 		margin: 0 0 1em 0;
 		&.error {
-			color: red;
+			color: color.$error;
 		}
 		&.warning {
-			color: orange;
+			color: color.$warning;
 		}
 		&.success {
-			color: green;
+			color: color.$success;
 		}
 	}
 }