// Colors

$darker-gray:     #2b2b31 !default
$dark-gray:       #32343a !default
$medium-gray:     #70778c !default
$light-gray:      #9ba0ae !default
$lighter-gray:    #d8dae2 !default
$lightest-gray:   #e0e6ec !default


$dark-white:      #f4f5f7 !default
$white:           #ffffff !default

$black:           #000000 !default



$brand-default:   #3289ff !default
$brand-success:   #3c763d !default
$brand-info:      #31708f !default
$brand-warning:   #ff8d00 !default
$brand-danger:    #f2303f !default

$body-background-color: $lighter-gray !default

// Typography

$text-color:        $dark-gray !default
$font-family-base:  'Titillium Web', sans-serif !default

$font-size-base:      15px
$font-size-large:     ceil($font-size-base * 1.05) !default
$font-size-small:     ceil($font-size-base * 0.85) !default

$line-height-base:    2em !default

$font-weight-light:   300 !default
$font-weight-normal:  400 !default
$font-weight-bold:    600 !default
$font-weight-heavy:   700 !default

$font-weight-base:    $font-weight-normal !default


// Sidebar

$sidebar-width:             240px !default
$sidebar-background-color:  $dark-gray !default
$sidebar-logo-font-size:    $font-size-base !default
$sidebar-logo-font-weight:  $font-weight-bold !default
$sidebar-logo-font-color:   $white !default

$sidebar-font-weight:       $font-weight-bold !default
$sidebar-font-size:         $font-size-large !default
$sidebar-font-color:        $white !default


// Vertical grid

$grid-row: 30px
@function grid-row($factor: 1)
  @return $grid-row * $factor