// Colour
$primary:             #2196F3 !default;
$secondary:           #607D8B !default;
$dark:                #555555 !default;
$light:               #f5f5f5 !default;
$success:             #4CAF50 !default;
$warning:             #FFC107 !default;
$danger:              #F44336 !default;
$info:                #2196F3 !default;
$white:               #ffffff !default;
$black:               #000000 !default;

// Grid
$container-width:     1140px !default; /* stylelint-disable-line unit-blacklist */
$mobile:              576px !default; /* stylelint-disable-line unit-blacklist */
$tablet:              768px !default; /* stylelint-disable-line unit-blacklist */
$desktop:             992px !default; /* stylelint-disable-line unit-blacklist */
$widescreen:          1140px !default; /* stylelint-disable-line unit-blacklist */

// Font
$font-weight-light:   100 !default;
$font-weight-normal:  400 !default;
$font-weight-bold:    700 !default;

// Spacing
$default-spacing:     .375rem !default;
$default-hero-size:   3.5rem !default;

$colours: (
  primary:            $primary,
  secondary:          $secondary,
  dark:               $dark,
  light:              $light,
  success:            $success,
  warning:            $warning,
  danger:             $danger,
  info:               $info,
  white:              $white,
  black:              $black,
  muted:              lighten($dark, 40%)
);