$primary-color: #6699CC
$primary-active-color: #477db0
$secondary-color: #999999
$sidebar-caret-icon: #ffffff
$success: #3c763d
$cancelled: #a94442
$pending: #faf2cc
$deleted: lighten($secondary-color, 30%)
$border-dark: $secondary-color
$border-light: #eaeaea
$body-color: #666
$body-background: #fff
$heading-color: #333
$link-color: $primary-color
$body-lighter: #999
$icon-color: #333
$smartphone: 480px
$tablet: 768px
$laptop: 1024px
$desktop: 1440px
$gray-background: #F7F7F7
$thead-color: #888
$dark-gray-background: rgba(#ccc, 0.1)
$container: 960px
$line-height: 14px
$font-size-root: 62.5%
$header-height: 55px
$header-max-height: 60px
$container-padding: 0.25em
// Because all browsers have a default font-size of 16px, setting the font-size to 62.5% on the html element gives it a font-size of 10px (10 / 16 * 100 = 62.5)