// ┌─────────────────────────────────┐
// │ Esri Color Pallete - DON'T EDIT │
// └─────────────────────────────────┘
//  ↳ https://github.com/Esri/Patterns-Color/blob/master/scss/variables.scss
//  ↳ v0.1.1

// Esri Brand Colors
$Brand_Blue_100:              #b9e0f7 !default;   //  previously blue 14
$Brand_Blue_150:              #00b9f2 !default;   // previously blue 13
$Brand_Blue_200:              #007ac2 !default;   // "Esri Blue", previously blue 12
$Brand_Blue_250:              #004575 !default;   // previously blue 11

$Brand_Yellow_100:            #ffec4f !default;   // previously yellow 22

$Brand_Orange_100:            #f89927 !default;   // previously orange 21
$Brand_Orange_150:            #f36f20 !default;   // previously orange 20
$Brand_Orange_200:            #da4d1e !default;   // previously orange 19

$Brand_Red_100:               #de2900 !default;   // new color :)

$Brand_Green_100:             #d1e391 !default;   // previously green 18
$Brand_Green_150:             #aad04b !default;   // previously green 17
$Brand_Green_200:             #35ac46 !default;   // "Esri Green", previously green 16
$Brand_Green_250:             #2a7433 !default;   // previously green 15

$Brand_Purple_100:            #dfcce3 !default;   // previously purple 26
$Brand_Purple_150:            #b279b4 !default;   // previously purple 25
$Brand_Purple_200:            #8f499c !default;   // previously purple 24
$Brand_Purple_250:            #6b1978 !default;   // previously purple 23

$Brand_Brown_100:             #ecdcb9 !default;   // previously brown 10
$Brand_Brown_150:             #be9969 !default;   // previously brown 9
$Brand_Brown_200:             #7b4f1c !default;   // previously brown 8
$Brand_Brown_250:             #523b20 !default;   // previously brown 7

$Brand_Gray_100:              #b4b4b4 !default;   // previously gray 6, 35%
$Brand_Gray_150:              #969696 !default;   // previously gray 5, 50%
$Brand_Gray_200:              #6e6e6e !default;   // previously gray 4, 75%
$Brand_Gray_250:              #464646 !default;   // previously gray 3, 88%

// Calcite Core Colors
$Calcite_Blue_100:            #d2e9f9 !default;
$Calcite_Blue_150:            #bcdaed !default;
$Calcite_Blue_200:            #6cb4e2 !default;
$Calcite_Blue_250:            #56a5d8 !default;
$Calcite_Blue_a100:           #49b0f2 !default;
$Calcite_Blue_a150:           #419ed9 !default;
$Calcite_Blue_a200:           #3b8fc4 !default;
$Calcite_Blue_a250:           #196fa6 !default;
$Calcite_Yellow_100:          #f3edc7 !default;  // previously Esri_Yellow1
$Calcite_Yellow_150:          #efe397 !default;  // previously Esri_Yellow2
$Calcite_Yellow_200:          #e4d154 !default;  // previously Esri_Yellow3
$Calcite_Yellow_250:          #d8c34b !default;  // previously Esri_Yellow4
$Calcite_Yellow_a100:         #f2d530 !default;
$Calcite_Yellow_a150:         #d9bf2b !default;
$Calcite_Yellow_a200:         #bda726 !default;
$Calcite_Yellow_a250:         #a68d00 !default;
$Calcite_Orange_100:          #fbe1c2 !default;  // previously Esri_Orange1
$Calcite_Orange_150:          #f6ca92 !default;  // previously Esri_Orange2
$Calcite_Orange_200:          #eda959 !default;  // previously Esri_Orange3
$Calcite_Orange_250:          #e79c47 !default;  // previously Esri_Orange4
$Calcite_Orange_a100:         #ff9f33 !default;
$Calcite_Orange_a150:         #e8912e !default;
$Calcite_Orange_a200:         #d17e21 !default;
$Calcite_Orange_a250:         #ad6511 !default;
$Calcite_Green_100:           #ddeedb !default;  // replaces Esri_Green1. Use in Success Messages with Calcite_Green_450
$Calcite_Green_150:           #9bc19c !default;  // previously Esri_Green2
$Calcite_Green_200:           #67a966 !default;  // previously Esri_Green3
$Calcite_Green_250:           #5a9359 !default;  // previously Esri_Green4
$Calcite_Green_a100:          #50ad4e !default;
$Calcite_Green_a150:          #449443 !default;
$Calcite_Green_a200:          #338033 !default;
$Calcite_Green_a250:          #275e26 !default;  // replaces Esri_Green5. Use in Success Messages with Calcite_Green_100
$Calcite_Red_100:             #f3ded7 !default;  // previously Esri_Red1
$Calcite_Red_150:             #e4a793 !default;  // previously Esri_Red2
$Calcite_Red_200:             #c86a4a !default;  // previously Esri_Red3
$Calcite_Red_250:             #c6542d !default;  // previously Esri_Red4
$Calcite_Red_a100:            #e04f1d !default;
$Calcite_Red_a150:            #c7461a !default;  // aa AA | background with white text – passes accessibility
$Calcite_Red_a200:            #ab3c16 !default;  // aa AA | background with white text – passes accessibility
$Calcite_Red_a250:            #8c2907 !default;  // aa AA | background with white text – passes accessibility
$Calcite_Purple_100:          #e5e1ef !default;  // previously Esri_Purple1
$Calcite_Purple_150:          #c4bcdc !default;  // previously Esri_Purple2
$Calcite_Purple_200:          #9081bc !default;  // previously Esri_Purple3
$Calcite_Purple_250:          #7b6ca7 !default;  // previously Esri_Purple4
$Calcite_Purple_a100:         #846ebf !default;
$Calcite_Purple_a150:         #7461a8 !default;
$Calcite_Purple_a200:         #61518c !default;
$Calcite_Purple_a250:         #4f4273 !default;
$Calcite_Brown_100:           #e8ddd3 !default;  // previously Esri_Brown1
$Calcite_Brown_150:           #d2b38f !default;  // previously Esri_Brown2
$Calcite_Brown_200:           #b78a54 !default;  // previously Esri_Brown3
$Calcite_Brown_250:           #a57946 !default;  // previously Esri_Brown4
$Calcite_Brown_a100:          #bf813a !default;
$Calcite_Brown_a150:          #a67032 !default;  // replaces Esri_Yellow6. Use in Warning Messages
$Calcite_Brown_a200:          #8c5e2a !default;
$Calcite_Brown_a250:          #734d22 !default;

// Calcite Gray Colors
$Calcite_Gray_100:            #f8f8f8 !default;  // 3%, previously Esri_Gray100. background
$Calcite_Gray_150:            #f4f4f4 !default;  // 4%, previously Esri_Gray105
$Calcite_Gray_200:            #efefef !default;  // 6%, previously Esri_Gray110
$Calcite_Gray_250:            #e7e7e7 !default;  // 10%, previously Esri_Gray115
$Calcite_Gray_300:            #e0e0e0 !default;  // 12%, previously Esri_Gray120
$Calcite_Gray_350:            #cccccc !default;  // 20%, previously Esri_Gray125
$Calcite_Gray_400:            #a9a9a9 !default;  // 30%, previously Esri_Gray130
$Calcite_Gray_450:            #959595 !default;  // 40%, previously Esri_Gray135
$Calcite_Gray_500:            #828282 !default;  // 50%, previously Esri_Gray140
$Calcite_Gray_550:            #6e6e6e !default;  // 56%, previously Esri_Gray145
$Calcite_Gray_600:            #595959 !default;  // 65%, previously Esri_Gray150
$Calcite_Gray_650:            #4c4c4c !default;  // 70%, previously Esri_Gray155. body text
$Calcite_Gray_700:            #323232 !default;  // 80%, previously Esri_Gray160

// Calcite Hightlight Color
$Calcite_Highlight_Blue_100:  #e2f1fb !default; // hovered, previously Esri_Blue1. NOTE--Esri_Blue2 was removed in Calcite Colors v8.00 due to it being so similar to Calcite_Highlight_Blue_100 and 150
$Calcite_Highlight_Blue_150:  #c5e5f9 !default; // hovered & selected, previously Esri_Blue5
$Calcite_Highlight_Blue_200:  #aadbfa !default; // selected (toggled), previously Esri_Blue6
$Calcite_Highlight_Blue_250:  #90cdf2 !default; // pressed, previously Esri_Blue7
$Calcite_Highlight_Blue_300:  #80bce0 !default; // border on hover, previously Esri_Blue3, previously 7FBBDF
$Calcite_Highlight_Blue_350:  #0079c1 !default; // previously Esri_Blue
$Calcite_Highlight_Blue_400:  #005e95 !default; // previously Esri_BlueDark
$Calcite_Highlight_Green_100: #cfedcc !default; // hovered, previously Esri_Green11
$Calcite_Highlight_Green_150: #b0e2b0 !default; // hovered & selected, previously Esri_Green15
$Calcite_Highlight_Green_200: #96ce96 !default; // selected (toggled), previously Esri_Green16
$Calcite_Highlight_Green_250: #7dc17d !default; // pressed, previously Esri_Green17
$Calcite_Highlight_Green_300: #7bb974 !default; // border on hover, previously Esri_Green13
$Calcite_Highlight_Green_350: #31872e !default; // previously Esri_Green
$Calcite_Highlight_Green_400: #2b622b !default; // previously Esri_GreenDark

//Calcite Vibrant Colors
// For all Calcite Vibrant colors -- they should comprise <10% of the image area. Only use if additional contrast is needed.
$Calcite_Vibrant_Blue_100:    #c7e9ff !default;
$Calcite_Vibrant_Blue_150:    #69dcff !default;
$Calcite_Vibrant_Blue_200:    #00dee7 !default;
$Calcite_Vibrant_Blue_250:    #b3e9f9 !default; // only for use inside icons, to show "selection"
$Calcite_Vibrant_Yellow_100:  #ffefb7 !default; // replaces Esri_Yellow5. Use in Warning Messages along with Calcite_Brown_350, which replaces Esri_Yellow6
$Calcite_Vibrant_Yellow_150:  #fad817 !default;
$Calcite_Vibrant_Yellow_200:  #fff000 !default;
$Calcite_Vibrant_Green_100:   #daffd9 !default;
$Calcite_Vibrant_Green_150:   #71de6e !default;
$Calcite_Vibrant_Green_200:   #a5e800 !default;
$Calcite_Vibrant_Red_100:     #ffc0b3 !default; // replaces Esri_Red5. Use in Error Messages with Calcite_Vibrant-Red_200
$Calcite_Vibrant_Red_150:     #ff642e !default;
$Calcite_Vibrant_Red_200:     #de2900 !default; // replaces Esri_Red6. Use in Error Messages with Calcite_Vibrant-Red_100
$Calcite_Vibrant_Purple_100:  #daccff !default;
$Calcite_Vibrant_Purple_150:  #b096ff !default;
$Calcite_Vibrant_Purple_200:  #f185ff !default;
$Calcite_Vibrant_Brown_100:   #ffdbb3 !default;
$Calcite_Vibrant_Brown_150:   #db8d2f !default;
$Calcite_Vibrant_Brown_200:   #ffbc6b !default;

// ┌───────────┐
// │ Grayscale │
// └───────────┘
//  ↳ http://esri.github.io/calcite-web/color/#grayscale
//  ↳ color → _grayscale.md

$white:                       #ffffff !default;
$off-white:                   $Calcite_Gray_100 !default;
$lightest-gray:               $Calcite_Gray_200 !default;
$lighter-gray:                $Calcite_Gray_350 !default;
$light-gray:                  $Calcite_Gray_400 !default;
$gray:                        $Calcite_Gray_450 !default;
$dark-gray:                   $Calcite_Gray_500 !default;
$darker-gray:                 $Calcite_Gray_550 !default;
$darkest-gray:                $Calcite_Gray_600 !default;
$off-black:                   $Calcite_Gray_650 !default;
$black:                       $Calcite_Gray_700 !default;

$transparent-white:           rgba(255, 255, 255, 0.7) !default;
$opaque-white:                rgba(255, 255, 255, 0.8) !default;
$transparent-off-white:       rgba(0, 0, 0, 0.1) !default;

$transparent-darker-gray:     rgba(0, 0, 0, 0.30) !default;
$transparent-off-black:       rgba(0, 0, 0, 0.45) !default;
$transparent-black:           rgba(0, 0, 0, 0.75) !default;
$opaque-black:                rgba(0, 0, 0, 0.85) !default;


// ┌───────────┐
// │ UI Colors │
// └───────────┘
//  ↳ http://esri.github.io/calcite-web/color/#ui-colors
//  ↳ color → _ui-colors.md

// Blues
$lightest-blue:               $Calcite_Blue_100 !default;
$lighter-blue:                $Calcite_Blue_150 !default;
$light-blue:                  $Calcite_Blue_250 !default;
$blue:                        $Calcite_Highlight_Blue_350 !default;
$dark-blue:                   $Calcite_Highlight_Blue_400 !default;
$darker-blue:                 #052942 !default;

// Greens
$light-green:                 $Calcite_Green_150 !default;
$green:                       $Calcite_Green_250 !default;
$dark-green:                  $Calcite_Green_a200 !default;

// Reds
$light-red:                   $Calcite_Red_150 !default;
$red:                         $Brand_Red_100 !default;
$dark-red:                    $Calcite_Red_a200 !default;

// Oranges
$light-orange:                $Calcite_Orange_a150 !default;
$orange:                      $Calcite_Orange_a200 !default;
$dark-orange:                 $Calcite_Orange_a250 !default;

// Yellows
$light-yellow:                $Calcite_Yellow_150 !default;
$yellow:                      $Calcite_Yellow_200 !default;
$dark-yellow:                 $Calcite_Yellow_a150 !default;

// Purples
$light-purple:                $Calcite_Purple_150 !default;
$purple:                      $Calcite_Purple_200 !default;
$dark-purple:                 $Calcite_Purple_a150 !default;

// Browns
$light-brown:                 $Calcite_Brown_150 !default;
$brown:                       $Calcite_Brown_250 !default;
$dark-brown:                  $Calcite_Brown_a200 !default;
