// Black based on same hue as $gray-900
$black: #000 !default;
$white: #fff !default;

//
//
// -------- Grays --------
$gray-000:        #fafbfc !default;
$gray-100:        #f7fafc !default;
$gray-200:        #edf2f7 !default;
$gray-300:        #e2e8f0 !default;
$gray-400:        #cbd5e0 !default;
$gray-500:        #a0aec0 !default;
$gray-600:        #718096 !default;
$gray-700:        #4a5568 !default;
$gray-800:        #2d3748 !default;
$gray-900:        #1a202c !default; // body font color

// -------- Blue --------
$blue-000:        #f1f8ff !default;
$blue-100:        #ebf8ff !default;
$blue-200:        #bee3f8 !default;
$blue-300:        #90cdf4 !default;
$blue-400:        #63b3ed !default;
$blue-500:        #4299e1 !default; // Default: Passes AA with #fff
$blue-600:        #3182ce !default;
$blue-700:        #2b6cb0 !default;
$blue-800:        #2c5282 !default;
$blue-900:        #2a4365 !default; // Passes with 1/2/300 blues

// -------- Green --------
$green-000:       #f0fff4 !default;
$green-100:       #f0fff4 !default;
$green-200:       #c6f6d5 !default;
$green-300:       #9ae6b4 !default;
$green-400:       #68d391 !default;
$green-500:       #48bb78 !default; // Default. passes AA Large
$green-600:       #38a169 !default; // Text green, passes AA on #fff
$green-700:       #2f855a !default;
$green-800:       #276749 !default;
$green-900:       #22543d !default;

// -------- Yellow --------
$yellow-000:      #fffdef !default;
$yellow-100:      #fffbdd !default;
$yellow-200:      #fff5b1 !default;
$yellow-300:      #ffea7f !default;
$yellow-400:      #ffdf5d !default;
$yellow-500:      #ffd33d !default;
$yellow-600:      #f9c513 !default;
$yellow-700:      #dbab09 !default;
$yellow-800:      #b08800 !default;
$yellow-900:      #735c0f !default;

// -------- Orange --------
$orange-000:      #fff8f2 !default;
$orange-100:      #fffaf0 !default;
$orange-200:      #feebc8 !default;
$orange-300:      #fbd38d !default;
$orange-400:      #f6ad55 !default;
$orange-500:      #ed8936 !default; // Default. passes AA Large with #fff
$orange-600:      #dd6b20 !default;
$orange-700:      #c05621 !default;
$orange-800:      #9c4221 !default;
$orange-900:      #7b341e !default;

// -------- Red --------
$red-000:         #ffeef0 !default;
$red-100:         #fff5f5 !default;
$red-200:         #fed7d7 !default;
$red-300:         #feb2b2 !default;
$red-400:         #fc8181 !default;
$red-500:         #f56565 !default; // Default. passes AA
$red-600:         #e53e3e !default;
$red-700:         #c53030 !default;
$red-800:         #9b2c2c !default;
$red-900:         #742a2a !default;

// -------- Purple --------
$purple-000:      #f5f0ff !default;
$purple-100:      #faf5ff !default;
$purple-200:      #e9d8fe !default;
$purple-300:      #d6bcfa !default;
$purple-400:      #b794f4 !default;
$purple-500:      #9f7aea !default; // passes AA with #fff
$purple-600:      #805ad5 !default;
$purple-700:      #6b46c1 !default;
$purple-800:      #553c9a !default;
$purple-900:      #44337a !default;

// -------- Pink --------
$pink-000:      #ffeef8 !default;
$pink-100:      #fff5f7 !default;
$pink-200:      #fed7e2 !default;
$pink-300:      #fbb6ce !default;
$pink-400:      #f687b3 !default;
$pink-500:      #ed64a6 !default;
$pink-600:      #d53f8c !default;
$pink-700:      #b83280 !default;
$pink-800:      #97266d !default;
$pink-900:      #702459 !default;

// -------- Fades --------
$black-fade-15:      rgba($black, 0.15) !default;
$black-fade-30:      rgba($black, 0.3) !default;
$black-fade-50:      rgba($black, 0.5) !default;
$black-fade-70:      rgba($black, 0.7) !default;
$black-fade-85:      rgba($black, 0.85) !default;

$white-fade-15:      rgba($white, 0.15) !default;
$white-fade-30:      rgba($white, 0.3) !default;
$white-fade-50:      rgba($white, 0.5) !default;
$white-fade-70:      rgba($white, 0.7) !default;
$white-fade-85:      rgba($white, 0.85) !default;

// -------- Color defaults --------
$red:         $red-500 !default;
$purple:      $purple-500 !default;
$blue:        $blue-500 !default;
$green:       $green-500 !default;
$yellow:      $yellow-500 !default;
$orange:      $orange-500 !default;

$gray-dark:   $gray-900 !default;
$gray-light:  $gray-400 !default;
$gray:        $gray-500 !default;

// -------- Color gradient maps --------

$grays: (
  0: $gray-000,
  1: $gray-100,
  2: $gray-200,
  3: $gray-300,
  4: $gray-400,
  5: $gray-500,
  6: $gray-600,
  7: $gray-700,
  8: $gray-800,
  9: $gray-900,
) !default;

$blues: (
  0: $blue-000,
  1: $blue-100,
  2: $blue-200,
  3: $blue-300,
  4: $blue-400,
  5: $blue-500,
  6: $blue-600,
  7: $blue-700,
  8: $blue-800,
  9: $blue-900,
) !default;

$greens: (
  0: $green-000,
  1: $green-100,
  2: $green-200,
  3: $green-300,
  4: $green-400,
  5: $green-500,
  6: $green-600,
  7: $green-700,
  8: $green-800,
  9: $green-900,
) !default;

$yellows: (
  0: $yellow-000,
  1: $yellow-100,
  2: $yellow-200,
  3: $yellow-300,
  4: $yellow-400,
  5: $yellow-500,
  6: $yellow-600,
  7: $yellow-700,
  8: $yellow-800,
  9: $yellow-900,
) !default;

$oranges: (
  0: $orange-000,
  1: $orange-100,
  2: $orange-200,
  3: $orange-300,
  4: $orange-400,
  5: $orange-500,
  6: $orange-600,
  7: $orange-700,
  8: $orange-800,
  9: $orange-900,
) !default;

$reds: (
  0: $red-000,
  1: $red-100,
  2: $red-200,
  3: $red-300,
  4: $red-400,
  5: $red-500,
  6: $red-600,
  7: $red-700,
  8: $red-800,
  9: $red-900,
) !default;

$purples: (
  0: $purple-000,
  1: $purple-100,
  2: $purple-200,
  3: $purple-300,
  4: $purple-400,
  5: $purple-500,
  6: $purple-600,
  7: $purple-700,
  8: $purple-800,
  9: $purple-900,
) !default;

$pinks: (
  0: $pink-000,
  1: $pink-100,
  2: $pink-200,
  3: $pink-300,
  4: $pink-400,
  5: $pink-500,
  6: $pink-600,
  7: $pink-700,
  8: $pink-800,
  9: $pink-900,
) !default;

$hue-maps: (
  "gray": $grays,
  "blue": $blues,
  "green": $greens,
  "yellow": $yellows,
  "orange": $oranges,
  "red": $reds,
  "purple": $purples,
  "pink": $pinks,
) !default;
