feat [front]: configure bulma colors

front/css/tools.sass

@@ -1,15 +1,32 @@
 
 // COLORS
-$yellow: #FFE08A
-$green: #427931
+$green: #9AA644
 $cyan: #93C5FD
-$blue: #2E738E
+$blue: #6380A6
 $purple: #9550AD
-$red: #C34728
+$pink: #F26D91
+$red: #da3944
+$orange: #D68E36
 $grey: #777777
-$primary: $cyan
+$primary: $orange
 $info: $blue
-$link: $purple
+$link: $orange
+$danger: $pink
+
+$black:        hsl(28, 15%, 4%)
+$black-bis:    hsl(28, 15%, 7%)
+$black-ter:    hsl(28, 15%, 14%)
+
+$grey-darker:  hsl(28, 15%, 21%)
+$grey-dark:    hsl(28, 15%, 29%)
+$grey:         hsl(28, 15%, 48%)
+$grey-light:   hsl(28, 15%, 71%)
+$grey-lighter: hsl(28, 15%, 86%)
+$grey-lightest: hsl(28, 15%, 93%)
+
+$white-ter:    hsl(28, 15%, 96%)
+$white-bis:    hsl(28, 15%, 98%)
+$white:        hsl(28, 15%, 100%)
 
 // we use svg icons and have to adjust the height inside buttons
 .button
@@ -20,5 +37,7 @@ $link: $purple
     &.is-large
       height: 1.2em !important
 
+$body-background-color: $white-bis
+
 // Import only what you need from Bulma
 @import "../node_modules/bulma/sass/utilities/_all.sass"