$brand-color = #2BAC8F

$danger-color = red
$danger-lighten-color = #FFE5E6


/*
* # Border
*/
$border-color = #D0D0D0
$active-border-color = #369DCD
$focus-border-color = #369DCD

$default-border = solid 1px $border-color
$active-border = solid 1px $active-border-color

/**
* # Button styles
*/

// Default button
$default-button-background = white
$default-button-background--hover = #e6e6e6
$default-button-background--active = #d4d4d4

colorDefaultButton()
  background-color $default-button-background
  &:hover
    background-color $default-button-background--hover
  &:active
    background-color $default-button-background--active
  &:active:hover
    background-color $default-button-background--active

// Primary button(Brand color)
$primary-button-background = $brand-color
$primary-button-background--hover = darken($brand-color, 5%)
$primary-button-background--hover = darken($brand-color, 10%)

colorPrimaryButton()
  background-color $primary-button-background
  &:hover
    background-color $primary-button-background--hover
  &:active
    background-color $primary-button-background--active
  &:active:hover
    background-color $primary-button-background--active

/**
* Input
*/

$disabled-input-background = #DDD

/**
* Nav
*/

$nav-text-color = #515151
$nav-inactive-text-color = #939395
$nav-hover-background = rgba(126, 127, 129, 0.08)
$nav-active-background = alpha(#E0E0E0, 90%)
$nav-border-color = #D1D1D1
$nav-background-color = #FAFAFA
$nav-tooltip-background-color = alpha(#444, 70%)
$nav-tooltip-button-background = #D1D1D1
$nav-tooltip-button-background--hover = lighten(#D1D1D1, 30%)

navButtonColor()
  border none
  color $nav-inactive-text-color
  background-color transparent
  transition color background-color  0.15s
  &:hover
    background-color $nav-hover-background
  &:active
    background-color $nav-active-background
    color $nav-text-color

/**
* # Modal Stuff
* These will be moved lib/modal
*/

$modal-z-index = 1002
$modal-background = white
$modal-margin = 64px auto 0
$modal-border-radius = 5px

modal()
  position relative
  z-index $modal-z-index
  margin $modal-margin
  background-color $modal-background
  overflow hidden
  border-radius $modal-border-radius