/// ----------------------------------------------------------------------

/// Colours

/// ----------------------------------------------------------------------

/// -------------------
/// Brand
/// -------------------

$brand-one: #4db0da !default;
$brand-two: #18769d !default;

$brand: (
  one: $brand-one,
  two: $brand-two
);

/// -------------------
/// UI (backgrounds, borders etc)
/// -------------------

$ui-one: #f8f8f8 !default;
$ui-two: #ececec !default;
$ui-three: #c0c0c0 !default;
$ui-four: #515B65 !default;
$ui-five: #333E47 !default;
// $ui-five: #444444 !default;
$ui-six: #131313 !default;
$ui-white: #ffffff !default;
$ui-black: #000000 !default;
$ui-dark-opacity: rgba(0,0,0, 0.2);

$ui: (
  one: $ui-one,
  two: $ui-two,
  three: $ui-three,
  four: $ui-four,
  five: $ui-five,
  six: $ui-six,
  white: $ui-white,
  black: $ui-black,
  dark-opacity: $ui-dark-opacity
);

/// -------------------
/// UI States
/// -------------------

$state-success: #289978 !default;
$state-success--alt: #e8fbf6 !default;
$state-warning: #bf9d18 !default;
$state-warning--alt: #fdf6db !default;
$state-error: #aa1515 !default;
$state-error--alt: #f9e9e9 !default;
$state-info: #3197c1 !default;
$state-info--alt: #e8f6fd !default;

$state: (
  success: $state-success,
  success--alt: $state-success--alt,
  warning: $state-warning,
  warning--alt: $state-warning--alt,
  error: $state-error,
  error--alt: $state-error--alt,
  info: $state-info,
  info--alt: $state-info--alt
);
