Use predefined colors

theme/static/css/funkwhale.css

 .features {
-	background-color: #fafaf6;
+	background-color: var(--beige-100);
 	padding: 3rem 10rem;
 }
 
@@ -88,12 +88,12 @@
 
 #content .container .level:not(:first-child) {
 	padding-top: 24px;
-	border-top: 1px solid #cfcaca;
+	border-top: 1px solid var(--grey-400);
 }
 
 #get-started {
 	padding-top: 5rem;
-	background-color: #fafaf6;
+	background-color: var(--beige-100);
 	margin-bottom: 0;
 	padding-bottom: 1.5rem;
 }
@@ -103,14 +103,14 @@
 }
 
 .support-us {
-	color: #fafaf6;
-	background-color: #605659;
+	color: var(--beige-100);
+	background-color: var(--grey-700);
 	margin-bottom: 0;
 	padding: 3rem 0;
 }
 
 .support-us .title {
-	color: #fafaf6;
+	color: var(--beige-100);
 }
 
 .support-us .block .content {
@@ -118,19 +118,19 @@
 }
 
 .footer {
-	background-color: #292525;
+	background-color: var(--grey-900);
 }
 
 .footer .title {
-	color: #908888;
+	color: var(--grey-600);
 }
 
 .footer ul li {
-	color: #b3afaf;
+	color: var(--grey-500);
 }
 
 .footer ul li a {
-	color: #fffdfd;
+	color: var(--red-010);
 	text-decoration: none;
 }
 
@@ -144,8 +144,8 @@
 
 .button.transparent {
 	background-color: transparent;
-	border: 1px solid #fffdfd;
-	color: #fffdfd;
+	border: 1px solid var(--red-010);
+	color: var(--red-010);
 }
 
 .footer .button.icon {