/* Orchard Variables */

// Color system
//Grays
$gray-100:  #f7f7f7;
$gray-200:  #f3f0f0;
$gray-300:  #e4e0df;
$gray-400:  #d9d2d0;
$gray-500:  #a8a0a0;
$gray-600:  #847c7c;
$gray-700:  #6d6565;
$gray-800:  #4a4a4a;
$gray-900:  #1c1c1c;

//Colors
$white:     #ffffff;
$black:     #000000;
$blue:      #0070e0;
$indigo:    #6610f2;
$purple:    #6f42c1;
$pink:      #f04861;
$red:       #e84031;
$orange:    #ff893e;
$yellow:    #ffd630;
$green:     #17ad41;
$teal:      #20c997;
$cyan:      #17a2b8;
$sky-blue:  #42c6ff;

//Midnight Color Scheme
$midnight-1: #0070e0;
$midnight-2: #0663c3;
$midnight-3: #0a57a6;
$midnight-4: #0b4a8b;
$midnight-5: #0b3e70;
$midnight-6: #093357;
$midnight-7: #082740;
$midnight-8: #071c2a;
$midnight-9: #000f17;

//Data Viz
$dataviz-1: $orange;
$dataviz-2: $blue;
$dataviz-3: $sky-blue;
$dataviz-4: $pink;
$dataviz-5: $purple;
$dataviz-6: $indigo;
$dataviz-7: $red;
$dataviz-8: $yellow;
$dataviz-9: $green;
$dataviz-10: $teal;
$dataviz-11: $cyan;

// Named colors
$humpback:      #093c59;
$fox_light:     #fff3eb;
$turtle:        #78a22f;
$turtle_light:  #f1f5ea;
$parrot:        #d54236;
$parrot_light:  #faecea;
$bluejay:       #026ead;
$bluejay_light: #e5f0f6;
$bluefish:      #338ee8;
$timberwolf:    #a8a0a0;
$koala:         #d9d2d0;
$mouse:         #f2f2f2;
$rhino:         #6d6565;
$peacock:       #9f0088;
$octopus:       #4b3da3;
$chameleon:     #419b86;
$gorilla:       #4a4a4a;
$fox:           #ff893e;
$puma:          #282828;

$colors: (
    "sky-blue": $sky-blue,

    "midnight-1": $midnight-1,
    "midnight-2": $midnight-2,
    "midnight-3": $midnight-3,
    "midnight-4": $midnight-4,
    "midnight-5": $midnight-5,
    "midnight-6": $midnight-6,
    "midnight-7": $midnight-7,
    "midnight-8": $midnight-8,
    "midnight-9": $midnight-9,

    "dataviz-1": $dataviz-1,
    "dataviz-2": $dataviz-2,
    "dataviz-3": $dataviz-3,
    "dataviz-4": $dataviz-4,
    "dataviz-5": $dataviz-5,
    "dataviz-6": $dataviz-6,
    "dataviz-7": $dataviz-7,
    "dataviz-8": $dataviz-8,
    "dataviz-9": $dataviz-9,
    "dataviz-10": $dataviz-10,
    "dataviz-11": $dataviz-11,

    "bluefish": $bluefish,
    "bluejay_light": $bluejay_light,
    "bluejay": $bluejay,
    "chameleon": $chameleon,
    "fox_light": $fox_light,
    "fox": $fox,
    "gorilla": $gorilla,
    "humpback": $humpback,
    "koala": $koala,
    "mouse": $mouse,
    "octopus": $octopus,
    "parrot_light": $parrot_light,
    "parrot": $parrot,
    "peacock": $peacock,
    "puma": $puma,
    "rhino": $rhino,
    "timberwolf": $timberwolf,
    "turtle_light": $turtle_light,
    "turtle": $turtle
);

// Typography
$weight_light:  300;
$weight_book:   400;
$weight_bold:   500;
$text_xs:       1.2rem;
$text_medium:   1.8rem;
$text_large:    2.8rem;

// Range date input
$range-date-focused:        #e0dad8;

// General components
$grey-border:               $gray-400;
$divider:                   $gray-300;

// To be deprecated
$red-200:       #d46258;
$blue-deep:     #1b3249;
$grey_100:      #e6e6e6;
$grey_150:      #ececec;
$grey_175:      #d8d8d8;
$grey_160:      #d1d0d0;
$grey_200:      #bab7b7;
$grey_300:      #a2a2a2;
$grey_400:      #9b9b9b;
$grey_600:      #868686;
$grey_700:      #6d6565;
$grey_800:      #4a4a4a;
$grey_900:      #404040;
$blue_100:      #f9f9f9;
$blue_150:      #d2e3f8;
$blue_200:      #468ee5;
$blue_300:      #0071ce;
$blue_600:      #062b40;
$blue_400_6:    rgba(0, 113, 207, .6);
$black_075:     rgba(0, 0, 0, .075);
$blue_checkbox: #026ead;

$leftNavWidth: 230px;