// Colors
$darker-gray:     #2b2b31
$dark-gray:       #32343a
$medium-gray:     #70778c
$light-gray:      #9ba0ae
$lighter-gray:    #d8dae2
$lightest-gray:   #e0e6ec
$whitish:         #f7f7f7


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

$black:           #000000

$brand-primary:   #3289ff
$brand-secondary: #2B2F83
$brand-success:   #3c763d
$brand-info:      #31708f
$brand-warning:   #ff8d00
$brand-danger:    #f2303f



// New Colors
$darkerBlue:      #1D2433
$darkBlue:        #2B2F83
$neonBlue:        #0000FF
$blue:            #3289ff
$red:             #A60A15
$brightRed:       #FF323C
$green:           #7fb946
$gray:            #70778c
$lightGray:       #d8dae2
$blueGray:        #eceef3
$almostWhite:     #f7f7f7

$iconColor:        #cfdae2


$neonRed:         #f2303f
$neonGreen:       #78dc84


$baseImagePath: "/img/kms"

$body-background-color: $lighter-gray
$backgroundGradient: 170deg, rgba(243,247,250,1) 0%,rgba(232,235,242,1) 65%,rgba(217,221,232,1) 95%,rgba(205,208,211,1) 100%

// Typography

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

$font-size-base:      20px
$font-size-large:     ceil($font-size-base * 1.05)
$font-size-small:     ceil($font-size-base * 0.85)

$line-height-base:    1.6

$font-weight-light:   310
$font-weight-normal:  400
$font-weight-bold:    600
$font-weight-heavy:   700

$font-weight-base:    $font-weight-normal


// Sidebar

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

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


// Vertical grid

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