// base colors
$base-white: #fff;
$base-black: #364952;
$base-gray-light: #f4f4f4;
$base-gray-medium: #bdbdbd;
$base-border-color: #dcdcdc;
$base-link-color: #0089e5;
$base-font-color: $base-black;
$muted-font-color: #69777e;
$status-err-color: #ffc2c2;

// Margin/Padding
$margin: 20px;
$padding:  20px;

// Typography.
$base-font-size: 16px;
$base-line-height: 1.5em;
$base-letter-spacing: .03em;

$base-font-family: 'Open Sans', sans-serif;
$heading-font-family: 'Lato', sans-serif;
$special-font-family:  'Roboto', sans-serif;

$base-spacing: $base-line-height;
$half-spacing: $base-spacing / 2;

// logo
$logo-main-color: #4BC0A5;
$logo-second-color: #A4DFD1;

// sidebar
$sidebar-width: 300px;
$sidebar-toggle_width: 40px;
$sidebar_bgc: #263238;
$sidebar-toggle_bgc: $base-black;

$sidebar-drpdwn-colors: #ec1b5a, #79aefe, #314190, #279636, #7d5d81, #ead24c, #2d2366, #35acdf;


// Variables
// -----------
// Use the same color all over the place? Need to do some math with height and
// width and text size? Sass supports variables as well as basic math operations
// and many useful functions.

// For complete documentation:
// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_

// Available variables:
// SASS:    http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_
// Bourbon: http://bourbon.io/docs/











//Forms.
$form-box-shadow: inset 0 1px 3px rgba(#000, .06);
$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($base-link-color, $lightness: -5%, $alpha: -.3);

// Animations.
$base-duration: 150ms;
$base-timing: ease;

// // Breakpoints
// $max-width:  1200px;
// $small-screen:  320px;
// $medium-screen: 720px;
// $large-screen:  960px;
//
// $breakpoints: (small: $small-screen,
//               medium: $medium-screen,
//               large: $large-screen);
