$color-black: #000000 !default;
$color-white: #ffffff !default;

$color-primary-0: #e8f7ff !default;
$color-primary-1: #ccedff !default;
$color-primary-2: #a3daff !default;
$color-primary-3: #72c3fc !default;
$color-primary-4: #4dadf7 !default;
$color-primary-5: #329af0 !default;
$color-primary-6: #228ae6 !default;
$color-primary-7: #1c7cd6 !default;
$color-primary-8: #1b6ec2 !default;
$color-primary-9: #1862ab !default;

$color-success-0: #ebfbee !default;
$color-success-1: #d3f9d8 !default;
$color-success-2: #b2f2bb !default;
$color-success-3: #8ce99a !default;
$color-success-4: #69db7c !default;
$color-success-5: #51cf66 !default;
$color-success-6: #40c057 !default;
$color-success-7: #37b24d !default;
$color-success-8: #2f9e44 !default;
$color-success-9: #2b8a3e !default;


$color-warning-0: #fff9db !default;
$color-warning-1: #fff3bf !default;
$color-warning-2: #ffec99 !default;
$color-warning-3: #ffe066 !default;
$color-warning-4: #ffd43b !default;
$color-warning-5: #fcc419 !default;
$color-warning-6: #fab005 !default;
$color-warning-7: #f59f00 !default;
$color-warning-8: #f08c00 !default;
$color-warning-9: #e67700 !default;


$color-danger-0: #fff5f5 !default;
$color-danger-1: #ffe3e3 !default;
$color-danger-2: #ffc9c9 !default;
$color-danger-3: #ffa8a8 !default;
$color-danger-4: #ff8787 !default;
$color-danger-5: #ff6b6b !default;
$color-danger-6: #fa5252 !default;
$color-danger-7: #f03e3e !default;
$color-danger-8: #e03131 !default;
$color-danger-9: #c92a2a !default;


$color-gray-0: #f8f9fa !default;
$color-gray-1: #f1f3f5 !default;
$color-gray-2: #e9ecef !default;
$color-gray-3: #dee2e6 !default;
$color-gray-4: #ced4da !default;
$color-gray-5: #adb5bd !default;
$color-gray-6: #868e96 !default;
$color-gray-7: #495057 !default;
$color-gray-8: #343a40 !default;
$color-gray-9: #212529 !default;

$color-blue-0: #e8f7ff !default;
$color-blue-1: #ccedff !default;
$color-blue-2: #a3daff !default;
$color-blue-3: #72c3fc !default;
$color-blue-4: #4dadf7 !default;
$color-blue-5: #329af0 !default;
$color-blue-6: #228ae6 !default;
$color-blue-7: #1c7cd6 !default;
$color-blue-8: #1b6ec2 !default;
$color-blue-9: #1862ab !default;

$color-cyan-0: #e3fafc !default;
$color-cyan-1: #c5f6fa !default;
$color-cyan-2: #99e9f2 !default;
$color-cyan-3: #66d9e8 !default;
$color-cyan-4: #3bc9db !default;
$color-cyan-5: #22b8cf !default;
$color-cyan-6: #15aabf !default;
$color-cyan-7: #1098ad !default;
$color-cyan-8: #0c8599 !default;
$color-cyan-9: #0b7285 !default;

$color-grape-0: #f8f0fc !default;
$color-grape-1: #f3d9fa !default;
$color-grape-2: #eebefa !default;
$color-grape-3: #e599f7 !default;
$color-grape-4: #da77f2 !default;
$color-grape-5: #cc5de8 !default;
$color-grape-6: #be4bdb !default;
$color-grape-7: #ae3ec9 !default;
$color-grape-8: #9c36b5 !default;
$color-grape-9: #862e9c !default;

$color-indigo-0: #edf2ff !default;
$color-indigo-1: #dbe4ff !default;
$color-indigo-2: #bac8ff !default;
$color-indigo-3: #91a7ff !default;
$color-indigo-4: #748ffc !default;
$color-indigo-5: #5c7cfa !default;
$color-indigo-6: #4c6ef5 !default;
$color-indigo-7: #4263eb !default;
$color-indigo-8: #3b5bdb !default;
$color-indigo-9: #364fc7 !default;

$color-lime-0: #f4fce3 !default;
$color-lime-1: #e9fac8 !default;
$color-lime-2: #d8f5a2 !default;
$color-lime-3: #c0eb75 !default;
$color-lime-4: #a9e34b !default;
$color-lime-5: #94d82d !default;
$color-lime-6: #82c91e !default;
$color-lime-7: #74b816 !default;
$color-lime-8: #66a80f !default;
$color-lime-9: #5c940d !default;

$color-orange-0: #fff4e6 !default;
$color-orange-1: #ffe8cc !default;
$color-orange-2: #ffd8a8 !default;
$color-orange-3: #ffc078 !default;
$color-orange-4: #ffa94d !default;
$color-orange-5: #ff922b !default;
$color-orange-6: #fd7e14 !default;
$color-orange-7: #f76707 !default;
$color-orange-8: #e8590c !default;
$color-orange-9: #d9480f !default;

$color-pink-0: #fff0f6 !default;
$color-pink-1: #ffdeeb !default;
$color-pink-2: #fcc2d7 !default;
$color-pink-3: #faa2c1 !default;
$color-pink-4: #f783ac !default;
$color-pink-5: #f06595 !default;
$color-pink-6: #e64980 !default;
$color-pink-7: #d6336c !default;
$color-pink-8: #c2255c !default;
$color-pink-9: #a61e4d !default;

$color-teal-0: #e6fcf5 !default;
$color-teal-1: #c3fae8 !default;
$color-teal-2: #96f2d7 !default;
$color-teal-3: #63e6be !default;
$color-teal-4: #38d9a9 !default;
$color-teal-5: #20c997 !default;
$color-teal-6: #12b886 !default;
$color-teal-7: #0ca678 !default;
$color-teal-8: #099268 !default;
$color-teal-9: #087f5b !default;

$color-violet-0: #f3f0ff !default;
$color-violet-1: #e5dbff !default;
$color-violet-2: #d0bfff !default;
$color-violet-3: #b197fc !default;
$color-violet-4: #9775fa !default;
$color-violet-5: #845ef7 !default;
$color-violet-6: #7950f2 !default;
$color-violet-7: #7048e8 !default;
$color-violet-8: #6741d9 !default;
$color-violet-9: #5f3dc4 !default;

// This map is looped - adding key/value pairs will generate more classes
// Used by bg and text helpers
// I.E. .c-bg-danger-2
$color: () !default;
$color: map-merge(
  (
    'danger': (
      0: $color-danger-0,
      1: $color-danger-1,
      2: $color-danger-2,
      3: $color-danger-3,
      4: $color-danger-4,
      5: $color-danger-5,
      6: $color-danger-6,
      7: $color-danger-7,
      8: $color-danger-8,
      9: $color-danger-9
    ),
    'gray': (
      0: $color-gray-0,
      1: $color-gray-1,
      2: $color-gray-2,
      3: $color-gray-3,
      4: $color-gray-4,
      5: $color-gray-5,
      6: $color-gray-6,
      7: $color-gray-7,
      8: $color-gray-8,
      9: $color-gray-9
    ),
    'primary': (
      0: $color-primary-0,
      1: $color-primary-1,
      2: $color-primary-2,
      3: $color-primary-3,
      4: $color-primary-4,
      5: $color-primary-5,
      6: $color-primary-6,
      7: $color-primary-7,
      8: $color-primary-8,
      9: $color-primary-9
    ),
    'success': (
      0: $color-success-0,
      1: $color-success-1,
      2: $color-success-2,
      3: $color-success-3,
      4: $color-success-4,
      5: $color-success-5,
      6: $color-success-6,
      7: $color-success-7,
      8: $color-success-8,
      9: $color-success-9
    ),
    'warning': (
      0: $color-warning-0,
      1: $color-warning-1,
      2: $color-warning-2,
      3: $color-warning-3,
      4: $color-warning-4,
      5: $color-warning-5,
      6: $color-warning-6,
      7: $color-warning-7,
      8: $color-warning-8,
      9: $color-warning-9
    ),
  ),
  $color
);

$color-danger: $color-danger-8 !default;
$color-warning: $color-warning-8 !default;
$color-success: $color-success-8 !default;
$color-primary: $color-primary-8 !default;
$color-accent: $color-primary-8 !default;

$color-extended: () !default;
$color-extended: map-merge(
  (
    'cyan': (
      0: $color-cyan-0,
      1: $color-cyan-1,
      2: $color-cyan-2,
      3: $color-cyan-3,
      4: $color-cyan-4,
      5: $color-cyan-5,
      6: $color-cyan-6,
      7: $color-cyan-7,
      8: $color-cyan-8,
      9: $color-cyan-9
    ),
    'blue': (
      0: $color-blue-0,
      1: $color-blue-1,
      2: $color-blue-2,
      3: $color-blue-3,
      4: $color-blue-4,
      5: $color-blue-5,
      6: $color-blue-6,
      7: $color-blue-7,
      8: $color-blue-8,
      9: $color-blue-9
    ),
    'grape': (
      0: $color-grape-0,
      1: $color-grape-1,
      2: $color-grape-2,
      3: $color-grape-3,
      4: $color-grape-4,
      5: $color-grape-5,
      6: $color-grape-6,
      7: $color-grape-7,
      8: $color-grape-8,
      9: $color-grape-9
    ),
    'indigo': (
      0: $color-indigo-0,
      1: $color-indigo-1,
      2: $color-indigo-2,
      3: $color-indigo-3,
      4: $color-indigo-4,
      5: $color-indigo-5,
      6: $color-indigo-6,
      7: $color-indigo-7,
      8: $color-indigo-8,
      9: $color-indigo-9
    ),
    'lime': (
      0: $color-lime-0,
      1: $color-lime-1,
      2: $color-lime-2,
      3: $color-lime-3,
      4: $color-lime-4,
      5: $color-lime-5,
      6: $color-lime-6,
      7: $color-lime-7,
      8: $color-lime-8,
      9: $color-lime-9
    ),
    'orange': (
      0: $color-orange-0,
      1: $color-orange-1,
      2: $color-orange-2,
      3: $color-orange-3,
      4: $color-orange-4,
      5: $color-orange-5,
      6: $color-orange-6,
      7: $color-orange-7,
      8: $color-orange-8,
      9: $color-orange-9
    ),
    'pink': (
      0: $color-pink-0,
      1: $color-pink-1,
      2: $color-pink-2,
      3: $color-pink-3,
      4: $color-pink-4,
      5: $color-pink-5,
      6: $color-pink-6,
      7: $color-pink-7,
      8: $color-pink-8,
      9: $color-pink-9
    ),
    'teal': (
      0: $color-teal-0,
      1: $color-teal-1,
      2: $color-teal-2,
      3: $color-teal-3,
      4: $color-teal-4,
      5: $color-teal-5,
      6: $color-teal-6,
      7: $color-teal-7,
      8: $color-teal-8,
      9: $color-teal-9
    ),
    'violet': (
      0: $color-violet-0,
      1: $color-violet-1,
      2: $color-violet-2,
      3: $color-violet-3,
      4: $color-violet-4,
      5: $color-violet-5,
      6: $color-violet-6,
      7: $color-violet-7,
      8: $color-violet-8,
      9: $color-violet-9
    ),
  ),
  $color-extended
);


// --------------------------------------------
// COLORS -------------------------------------
// --------------------------------------------
// Set the BASE theme color palette.
// This map is looped - adding key/value pairs will generate more classes
// Used by alerts, avatars, badges, buttons, checkboxes, forms,
// switches, tooltips, borders, bg and text helpers!
$theme-colors: () !default;
$theme-colors: map-merge(
  (
    'primary': $color-primary,
    'success': $color-success,
    'warning': $color-warning,
    'danger': $color-danger
  ),
  $theme-colors
);

// Set the EXTENDED theme color palette.
// This map is looped - adding key/value pairs will generate more classes
// Used by avatars, and badges
$extended-palette: () !default;
$extended-palette: map-merge(
  (
    'dark'  : $color-gray-9,
    'cyan'  : $color-cyan-9,
    'blue'  : $color-blue-9,
    'grape' : $color-grape-9,
    'indigo': $color-indigo-9,
    'lime'  : $color-lime-9,
    'orange': $color-orange-9,
    'pink'  : $color-pink-9,
    'teal'  : $color-teal-9,
    'violet': $color-violet-9,
  ),
  $extended-palette
);


// Set the EXTENDED LIGHT theme color palette.
// This map is looped - adding key/value pairs will generate more classes
// Used by avatars, and badges
$extended-palette-light: () !default;
$extended-palette-light: map-merge(
  (
    'secondary'    : $color-gray-1,
    'primary-light': $color-primary-1,
    'success-light': $color-success-1,
    'warning-light': $color-warning-1,
    'danger-light' : $color-danger-1,
    'cyan-light'   : $color-cyan-1,
    'blue-light'   : $color-blue-1,
    'grape-light'  : $color-grape-1,
    'indigo-light' : $color-indigo-1,
    'lime-light'   : $color-lime-1,
    'orange-light' : $color-orange-1,
    'pink-light'   : $color-pink-1,
    'teal-light'   : $color-teal-1,
    'violet-light' : $color-violet-1,
  ),
  $extended-palette-light
);