// Animation
// ----------------------------------------------------------------------------
$transition : cubic-bezier(0.445, 0.050, 0.550, 0.950);

// Colors
// ----------------------------------------------------------------------------
$white:    #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black:    #000;

$blue: 		#bad5e8;
$cyan:      #17a2b8;
$green: 	#378d5f;
$indigo:    #6610f2 ;
$magenta: 	#a20e32;
$navy: 		#005280;
$orange : 	#e9631b;
$peach: 	#f46d71;
$pink:      #e83e8c;
$purple: 	#474052;
$red : 		#eb1c23;
$teal: 		#4eaebe;
$yellow : 	#fedf9c;

$dark-red: 		darken($red, 10%);
$dark-orange : 	darken($orange, 10%);
$dark-teal : 	darken($teal, 10%);
$dark-yellow : 	darken($yellow, 10%);
$dark-green: 	darken($green, 10%);
$dark-magenta: 	darken($magenta, 10%);
$dark-purple: 	darken($purple, 10%);
$dark-peach: 	darken($peach, 10%);
$dark-blue: 	darken($blue, 10%);
$dark-teal: 	darken($teal, 10%);

$light-red: 		lighten($red, 10%);
$light-orange : 	lighten($orange, 10%);
$light-teal : 	    lighten($teal, 10%);
$light-yellow : 	lighten($yellow, 10%);
$light-green: 	    lighten($green, 10%);
$light-magenta: 	lighten($magenta, 10%);
$light-purple: 	    lighten($purple, 10%);
$light-peach: 	    lighten($peach, 10%);
$light-blue: 	    lighten($blue, 10%);
$light-teal: 	    lighten($teal, 10%);

$primary:           $navy;
$primary-alt:       $dark-blue;

$secondary:         $orange;
$secondary-alt: 	$dark-orange;

$success:         $green;
$info:            $teal;
$warning:         $yellow;
$danger:          $red;

$light:         $gray-200;
$dark:          $gray-800;


// Spacers
// ----------------------------------------------------------------------------
$spacer: 1em;
$spacers: ();
$spacers: map-merge((
  0: 0,
  1: ($spacer * .25),
  2: ($spacer * .5),
  3: $spacer,
  4: ($spacer * 1.5),
  5: ($spacer * 3)
), $spacers);

$m-0  : map-get($spacers, 1);
$m-xs  : map-get($spacers, 2);
$m-sm :  map-get($spacers, 3);
$m-md  : map-get($spacers, 4);
$m-lg  : map-get($spacers, 5);


// Font Sizes
// ----------------------------------------------------------------------------
$font-base : 1em;
$h1 : 2em;
$h2 : 1.5em;
$h3 : 1.2em;
$h4 : 1em;

// People Listing
// ----------------------------------------------------------------------------
$listing_gutter: $m-sm;
$cover_photo_height: 100px;
$cover_photo_bg_color: $light;

$border_radius: 5px;

$portrait_radius: 20px;
$portrait_border: 2px;
$portrait_box: $cover_photo_height*1.3;



// Grid breakpoints
// ----------------------------------------------------------------------------
$grid-breakpoints: (
  // xs: 0,
  // sm: 576px,
  // md: 768px,
  // lg: 992px,
  // xl: 1200px
  xs: 0,
  sm: 768px,
  md: 1024px,
  lg: 1200px,
  xl: 1200px
);