// Grey tones
$white: #fff !default;
$gray-50: #f7f7f7 !default;
$gray-100: #f5f5f5 !default;
$gray-200: #ededed !default;
$gray-300: #e0e0e0 !default;
$gray-400: #bababa !default;
$gray-500: #949494 !default;
$gray-600: #707070 !default;
$gray-700: #4f4f4f !default;
$gray-800: #3d3d3d !default;
$gray-900: #2b2b2b !default;
$black: #000 !default;

// Primary colours
$blue-100: #e6f1fa !default;
$blue-200: #8fc0eb !default;
$blue-300: #0774d2 !default;
$blue-400: #044985 !default;
$blue: $blue-300 !default;
$green-100: #e7f4ec !default;
$green-200: #95d0a9 !default;
$green-300: #169641 !default;
$green-400: #0a4a20 !default;
$green: $green-300 !default;
$orange-100: #fcf0e5 !default;
$orange-200: #f5bb8c !default;
$orange-300: #e96900 !default;
$orange-400: #8f4000 !default;
$orange: $orange-300 !default;
$red-100: #fae9e8 !default;
$red-200: #ec9c9b !default;
$red-300: #d72321 !default;
$red-400: #6b1211 !default;
$red: $red-300 !default;
$purple-100: #f0ecf7 !default;
$purple-200: #bcacdd !default;
$purple-300: #6b47b4 !default;
$purple-400: #3e2969 !default;
$purple: $purple-300 !default;

// Secondary colours
$teal-100: #e6f4f6 !default;
$teal-200: #8fd0d9 !default;
$teal-300: #0696ad !default;
$teal-400: #024752 !default;
$teal: $teal-300 !default;
$yellow-100: #fdf7e9 !default;
$yellow-200: #f7dd9c !default;
$yellow-300: #efb324 !default;
$yellow-400: #a17917 !default;
$yellow: $yellow-300 !default;
$pink-100: #f8ebf6 !default;
$pink-200: #dfa7d8 !default;
$pink-300: #b93da9 !default;
$pink-400: #6e2464 !default;
$pink: $pink-300 !default;

// Tried so long trying to figure out a way to not redefine this like this
// but eventually found this and gave up: https://github.com/sass/sass/issues/132
// Bootstrap _variables does something similar and this extends it
// Which is why $colors is used instead of $colours.
$colors: (
  "gray-50": $gray-50,
  "gray-100": $gray-100,
  "gray-200": $gray-200,
  "gray-300": $gray-300,
  "gray-400": $gray-400,
  "gray-500": $gray-500,
  "gray-600": $gray-600,
  "gray-700": $gray-700,
  "gray-800": $gray-800,
  "gray-900": $gray-900,
  "blue-100": $blue-100,
  "blue-200": $blue-200,
  "blue-300": $blue-300,
  "blue-400": $blue-400,
  "green-100": $green-100,
  "green-200": $green-200,
  "green-300": $green-300,
  "green-400": $green-400,
  "orange-100": $orange-100,
  "orange-200": $orange-200,
  "orange-300": $orange-300,
  "orange-400": $orange-400,
  "red-100": $red-100,
  "red-200": $red-200,
  "red-300": $red-300,
  "red-400": $red-400,
  "purple-100": $purple-100,
  "purple-200": $purple-200,
  "purple-300": $purple-300,
  "purple-400": $purple-400,
  "teal-100": $teal-100,
  "teal-200": $teal-200,
  "teal-300": $teal-300,
  "teal-400": $teal-400,
  "yellow-100": $yellow-100,
  "yellow-200": $yellow-200,
  "yellow-300": $yellow-300,
  "yellow-400": $yellow-400,
  "pink-100": $pink-100,
  "pink-200": $pink-200,
  "pink-300": $pink-300,
  "pink-400": $pink-400,
);