// COLORS
$green: #9AA644
$cyan: #93C5FD
$blue: #6380A6
$purple: #9550AD
$pink: #F26D91
$red: #da3944
$orange: #D68E36
$grey: #777777
$primary: $orange
$info: $blue
$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
  .icon
    &,
    &.is-small,
    &.is-medium,
    &.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"