[+] Home site

AquaNet/src/app.sass

@@ -1,11 +1,14 @@
+@import "vars"
+@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap')
+
 body
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif
+  font-family: $font
   line-height: 1.5
   font-weight: 400
 
   color-scheme: light dark
   color: rgba(255, 255, 255, 0.87)
-  background-color: #242424
+  background-color: $c-bg
 
   font-synthesis: none
   text-rendering: optimizeLegibility
@@ -14,11 +17,11 @@ body
 
 a
   font-weight: 500
-  color: #646cff
+  color: $c-darker
   text-decoration: inherit
 
 a:hover
-  color: #535bf2
+  color: $c-main
 
 
 body
@@ -57,18 +60,7 @@ button
   transition: border-color 0.25s
 
 button:hover
-  border-color: #646cff
+  border-color: $c-main
 
 button:focus, button:focus-visible
   outline: 4px auto -webkit-focus-ring-color
-
-@media (prefers-color-scheme: light)
-  body
-    color: #213547
-    background-color: #ffffff
-  
-  a:hover
-    color: #747bff
-  
-  button
-    background-color: #f9f9f9