@import 'color-swatches'

// Globals
$base-color: $turquoise
$base-dark-color: $midnight-blue
$base-dark-color-alternative: $wet-asphalt

$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif

$brand-font-size: 1.8em

$body-bg-primary: $silver
$body-bg-secondary: $asbestos

$wrapper-corner-size: 15px
$sidebar-width: 80px
$sidebar-bg: $base-dark-color

$dock-bg: $sidebar-bg
$dock-active-icon-color: $base-color
$dock-link-font-size: .8em

$animation-duration: .4s

$box-shadow-color: rgba(black, 0.04)

// Bootstrap Overrides
$brand-primary: $base-color
$brand-success: $brand-primary

$navbar-default-bg: rgba(0,0,0,0)
$navbar-default-brand-color: $base-dark-color
$navbar-default-brand-hover-color: lighten($base-dark-color, 5)

$breadcrumb-bg: $clouds
$panel-heading-bg: $clouds

$dropdown-bg: $sidebar-bg
$dropdown-border: darken($dropdown-bg, 10) !default
$dropdown-divider-bg: $dropdown-border
$dropdown-link-color: $clouds !default