/*
 * formatting
 *
 */
$sidebar-width: 100px;

/*
 * additional color helpers
 *
 * several shades of grey (no novel included)
 * from lightest to darkest
 *
 */
$shade-1: $color-light;
$shade-2: $color-light-dark;
$shade-3: lighten($color-dark, 60%);
$shade-4: lighten($color-dark, 50%);

/*
 * mixins
 *
 */
@mixin media($size) {
  @if $size == tablet {
    @media (max-width: 800px) { @content; }
  }
  @if $size == phone {
    @media (max-width: 500px) { @content; }
  }
}

/*
 * global styles
 *
 */
* {
  font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, 
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}