// Esri Brand Colors
$Brand_Blue_100:              #b9e0f7 !default;
$Brand_Blue_150:              #00b9f2 !default;
$Brand_Blue_200:              #007ac2 !default;
$Brand_Blue_250:              #004575 !default;

$Brand_Yellow_100:            #ffec4f !default;

$Brand_Orange_100:            #f89927 !default;
$Brand_Orange_150:            #f36f20 !default;
$Brand_Orange_200:            #da4d1e !default;

$Brand_Red_100:               #de2900 !default;

$Brand_Green_100:             #d1e391 !default;
$Brand_Green_150:             #aad04b !default;
$Brand_Green_200:             #35ac46 !default;
$Brand_Green_250:             #2a7433 !default;

$Brand_Purple_100:            #dfcce3 !default;
$Brand_Purple_150:            #b279b4 !default;
$Brand_Purple_200:            #8f499c !default;
$Brand_Purple_250:            #6b1978 !default;

$Brand_Brown_100:             #ecdcb9 !default;
$Brand_Brown_150:             #be9969 !default;
$Brand_Brown_200:             #7b4f1c !default;
$Brand_Brown_250:             #523b20 !default;

$Brand_Gray_100:              #b4b4b4 !default;
$Brand_Gray_150:              #969696 !default;
$Brand_Gray_200:              #6e6e6e !default;
$Brand_Gray_250:              #464646 !default;

// Calcite Core Colors Dark
$Calcite_Blue_100:            #1a4866 !default;
$Calcite_Blue_150:            #1d5d8c !default;
$Calcite_Blue_200:            #3b8fc3 !default;
$Calcite_Blue_250:            #419ed9 !default;
$Calcite_Blue_a100:           #45a7e6 !default;
$Calcite_Blue_a150:           #60b7f0 !default;
$Calcite_Blue_a200:           #6ec1f5 !default;
$Calcite_Blue_a250:           #7dc8fa !default;
$Calcite_Yellow_100:          #796916 !default;
$Calcite_Yellow_150:          #a28a00 !default;
$Calcite_Yellow_200:          #bda727 !default;
$Calcite_Yellow_250:          #ccb736 !default;
$Calcite_Yellow_a100:         #d6bd2a !default;
$Calcite_Yellow_a150:         #e3c832 !default;
$Calcite_Yellow_a200:         #edd448 !default;
$Calcite_Yellow_a250:         #f5df62 !default;
$Calcite_Orange_100:          #754c23 !default;
$Calcite_Orange_150:          #a16520 !default;
$Calcite_Orange_200:          #d18734 !default;
$Calcite_Orange_250:          #e8963a !default;
$Calcite_Orange_a100:         #f29833 !default;
$Calcite_Orange_a150:         #f29f3f !default;
$Calcite_Orange_a200:         #f5aa53 !default;
$Calcite_Orange_a250:         #ffb461 !default;
$Calcite_Green_100:           #295429 !default;
$Calcite_Green_150:           #386f38 !default;
$Calcite_Green_200:           #4b944a !default;
$Calcite_Green_250:           #58ad57 !default;
$Calcite_Green_a100:          #53b350 !default;
$Calcite_Green_a150:          #59bf57 !default;
$Calcite_Green_a200:          #67c966 !default;
$Calcite_Green_a250:          #74d173 !default;
$Calcite_Red_100:             #632822 !default;
$Calcite_Red_150:             #853218 !default;
$Calcite_Red_200:             #ab421f !default;
$Calcite_Red_250:             #c75028 !default;
$Calcite_Red_a100:            #d15226 !default;
$Calcite_Red_a150:            #d65d33 !default;
$Calcite_Red_a200:            #e36a40 !default;
$Calcite_Red_a250:            #eb7953 !default;
$Calcite_Purple_100:          #3e3654 !default;
$Calcite_Purple_150:          #4c3e6e !default;
$Calcite_Purple_200:          #61518c !default;
$Calcite_Purple_250:          #8070aa !default;
$Calcite_Purple_a100:         #846ebf !default;
$Calcite_Purple_a150:         #927acc !default;
$Calcite_Purple_a200:         #9b87d9 !default;
$Calcite_Purple_a250:         #a393d1 !default;
$Calcite_Brown_100:           #4b341d !default;
$Calcite_Brown_150:           #67441f !default;
$Calcite_Brown_200:           #8c5e2b !default;
$Calcite_Brown_250:           #a67032 !default;
$Calcite_Brown_a100:          #b37936 !default;
$Calcite_Brown_a150:          #cc8a3d !default;
$Calcite_Brown_a200:          #d9974c !default;
$Calcite_Brown_a250:          #dea664 !default;

// Calcite Gray Colors Dark
$Calcite_Gray_050:            #242424 !default;  // 86%
$Calcite_Gray_100:            #333333 !default;  // 80%
$Calcite_Gray_150:            #363636 !default;  // 79%
$Calcite_Gray_200:            #404040 !default;  // 75%
$Calcite_Gray_250:            #474747 !default;  // 72%
$Calcite_Gray_300:            #4c4c4c !default;  // 70%
$Calcite_Gray_350:            #5c5c5c !default;  // 64%
$Calcite_Gray_400:            #666666 !default;  // 60%
$Calcite_Gray_450:            #787878 !default;  // 53%
$Calcite_Gray_500:            #8a8a8a !default;  // 46%
$Calcite_Gray_550:            #9e9e9e !default;  // 38%
$Calcite_Gray_600:            #adadad !default;  // 32%
$Calcite_Gray_650:            #bdbdbd !default;  // 26%
$Calcite_Gray_700:            #d1d1d1 !default;  // 18%

// Calcite Hightlight Color Dark
$Calcite_Highlight_Blue_100:  #294a66 !default; // hovered
$Calcite_Highlight_Blue_150:  #3d6e99 !default; // hovered & selected
$Calcite_Highlight_Blue_200:  #1061a6 !default; // selected (toggled)
$Calcite_Highlight_Blue_250:  #136fbf !default; // pressed
$Calcite_Highlight_Blue_300:  #2183d9 !default; // border on hover
$Calcite_Highlight_Blue_350:  #2493f2 !default; // active
$Calcite_Highlight_Blue_400:  #40a7ff !default; // active accent
$Calcite_Highlight_Green_100: #205920 !default; // hovered
$Calcite_Highlight_Green_150: #478c47 !default; // hovered & selected
$Calcite_Highlight_Green_200: #257a25 !default; // selected (toggled)
$Calcite_Highlight_Green_250: #2a8c2a !default; // pressed
$Calcite_Highlight_Green_300: #31a331 !default; // border on hover
$Calcite_Highlight_Green_350: #34ad34 !default; // active
$Calcite_Highlight_Green_400: #39bf39 !default; // active accent

//Calcite Vibrant Colors Dark
// For all Calcite Vibrant colors -- they should comprise <10% of the image area. Only use if additional contrast is needed.
$Calcite_Vibrant_Blue_100:    #1376bf !default;
$Calcite_Vibrant_Blue_150:    #0089f0 !default;
$Calcite_Vibrant_Blue_200:    #00c0f0 !default;
$Calcite_Vibrant_Blue_250:    #00b5b9 !default; // only use inside icons, to show "selection"
$Calcite_Vibrant_Yellow_100:  #917b00 !default;
$Calcite_Vibrant_Yellow_150:  #c7a900 !default;
$Calcite_Vibrant_Yellow_200:  #ffd800 !default;
$Calcite_Vibrant_Orange_100:  #a15600 !default;
$Calcite_Vibrant_Orange_150:  #cf7d1f !default;
$Calcite_Vibrant_Orange_200:  #ffc415 !default;
$Calcite_Vibrant_Green_100:   #386f38 !default;
$Calcite_Vibrant_Green_150:   #59d152 !default;
$Calcite_Vibrant_Green_200:   #85e800 !default;
$Calcite_Vibrant_Red_100:     #751d00 !default;
$Calcite_Vibrant_Red_150:     #993516 !default;
$Calcite_Vibrant_Red_200:     #e65c2e !default;
$Calcite_Vibrant_Purple_100:  #503691 !default;
$Calcite_Vibrant_Purple_150:  #754fd4 !default;
$Calcite_Vibrant_Purple_200:  #9b4ba6 !default;
$Calcite_Vibrant_Brown_100:   #673d10 !default;
$Calcite_Vibrant_Brown_150:   #995d18 !default;
$Calcite_Vibrant_Brown_200:   #df8c39 !default;

$white:                       #000000 !default;
$opaque-white:                rgba(0, 0, 0, 0.85) !default;
$transparent-white:           rgba(0, 0, 0, 0.75) !default;
$transparent-off-white:       rgba(255, 255, 255, 0.1) !default;
$transparent-darker-gray:     rgba(255, 255, 255, 0.30) !default;
$transparent-off-black:       rgba(255, 255, 255, 0.45) !default;
$transparent-black:           rgba(255, 255, 255, 0.7) !default;
$opaque-black:                rgba(255, 255, 255, 0.8) !default;
$box-shadow:                  0 0 16px 0 rgba(255, 255, 255, 0.05) !default;
$darker-blue:                 #d1ebfa !default;

@import "calcite-web";