/* ==========================================================================
   Variables
   ========================================================================== */

/*
   Typography
   ========================================================================== */

$doc-font-size              : 16;

/* paragraph indention */
$paragraph-indent           : false; // true, false (default)
$indent-var                 : 1.3em;

/* system typefaces */
$serif                      : Georgia, Times, serif;
$sans-serif                 : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
$monospace                  : Monaco, Consolas, "Lucida Console", monospace;

/* sans serif typefaces */
$sans-serif-narrow          : $sans-serif;
$helvetica                  : Helvetica, "Helvetica Neue", Arial, sans-serif;

/* serif typefaces */
$georgia                    : Georgia, serif;
$times                      : Times, serif;
$bodoni                     : "Bodoni MT", serif;
$calisto                    : "Calisto MT", serif;
$garamond                   : Garamond, serif;

/* type scale */
$type-size-1                : 2.441em;
$type-size-2                : 1.953em;
$type-size-3                : 1.563em;
$type-size-4                : 1.25em;
$type-size-5                : 1em;
$type-size-6                : 0.8em;
$type-size-7                : 0.75em;


/*
   Colors
   ========================================================================== */

$gray                       : #4c4c4c;
$dark-gray                  : #191413;
$light-gray                 : mix(#fff, $gray, 70%);
$lighter-gray               : mix(#fff, $gray, 90%);

$body-color                 : #fff;
$background-color           : #f8f8f8;
$code-background-color      : #fff;
$code-background-color-dark : #1b1a24;
$text-color                 : #333332;
$border-color               : $lighter-gray;
$base-color                 : #343434;
$comp-color                 : spin($base-color, 180);
$accent-color               : #000;

/* buttons */
$primary-color              : #000;
$success-color              : #5cb85c;
$warning-color              : #dd8338;
$danger-color               : #C64537;
$info-color                 : #308cbc;

/* brands */
$behance-color              : #1769FF;
$dribbble-color             : #ea4c89;
$facebook-color             : #3b5998;
$flickr-color               : #ff0084;
$foursquare-color           : #0072b1;
$github-color               : #171516;
$google-plus-color          : #dd4b39;
$instagram-color            : #517fa4;
$lastfm-color               : #d51007;
$linkedin-color             : #007bb6;
$pinterest-color            : #cb2027;
$rss-color                  : #fa9b39;
$soundcloud-color           : #ff3300;
$stackoverflow-color        : #fe7a15;
$tumblr-color               : #32506d;
$twitter-color              : #55acee;
$vimeo-color                : #1ab7ea;
$vine-color                 : #00bf8f;
$youtube-color              : #bb0000;
$xing-color                 : #006567;


/* links */
$link-color                 : #343434;
$link-color-hover           : darken($link-color, 10);
$link-color-visited         : lighten($link-color-hover, 20);
$link-color-focus           : darken($link-color-visited, 10);

$border-radius              : 4px;

$box-shadow                 : 0 1px 1px rgba(0, 0, 0, 0.125);


/*
   Breakpoints
   ========================================================================== */

@include breakpoint-set("to ems", true);

$small                      : 600px;
$medium                     : 768px;
$medium-wide                : 900px;
$large                      : 1024px;
$x-large                    : 1280px;


/*
   Grid
   ========================================================================== */

$right-sidebar-width-narrow : 200px;
$right-sidebar-width        : 300px;
$right-sidebar-width-wide   : 400px;

$susy: (
  columns: 12,
  // column-width: 90px,
  gutters: 1/4,
  math: fluid,
  output: float,
  gutter-position: after,
  container: $large,
  global-box-sizing: border-box,
  // debug: (
  //   image: show,
  //   color: blue,
  //   output: overlay,
  //   toggle: top right,
  // ),
);