start implementing frontend design

src/assets/sass/variables.sass

@@ -8,11 +8,16 @@ $tertiary: #A8A8A8
 $tertiary-dark: darken($tertiary, 20%)
 $tertiary-light: lighten($tertiary, 20%)
 
-$color2: white
-$color1: black
+$white: #F9F9FA
+$black: #0F0F0F
+$grey: #808080
+$red: #8B0000
+$purple: #4B0082
 
-$button-color: $color2
-$button-background-color: $color1
+$darkgrey: #202020
+
+$button-color: $white
+$button-background-color: $black
 :root
     --primary: #{$primary}
     --primary-light: #{$primary-light}
@@ -23,6 +28,9 @@ $button-background-color: $color1
     --tertiary: #{$tertiary}
     --tertiary-light: #{$tertiary-light}
     --tertiary-dark: #{$tertiary-dark}
+    --grey: #{$grey}
+    --purple: #{$purple}
+    --blood-color: #{$red}
 // :root
 //     --font-size-text: 16px
 //     --font-size-title: 32px