@white: #ffffff;
@black: #000000;
@light-grey: #cccccc;
@mid-grey: #999999;
@dark-grey: #666666;

@color-one:#3099FF; //blue
@color-two:#666666; //dark-grey
@color-three:#7d82be; //purple
@color-four:#ff9000; // yellow
@color-five:#de4a8d; //pink
@color-six:#ff6600; // orange
@color-seven:#333666; // dark-purple
@color-eight:#006699; // dark-blue
@color-nine:#006633; // dark-green
@color-ten:#000000; // black

@colors: @color-one,@color-two,@color-three,@color-four,@color-five,@color-six,@color-seven,@color-eight,@color-nine,@color-ten;

@color-one-inverted:@white; //blue
@color-two-inverted:@white; //dark-grey
@color-three-inverted:@white; //purple
@color-four-inverted:@white; // yellow
@color-five-inverted:@white; //pink
@color-six-inverted:@white; // orange
@color-seven-inverted:@white; // dark-purple
@color-eight-inverted:@white; // dark-blue
@color-nine-inverted:@white; // dark-green
@color-ten-inverted:@white; // black

@colors-inverted: @color-one-inverted,@color-two-inverted,@color-three-inverted,@color-four-inverted,@color-five-inverted,@color-six-inverted,@color-seven-inverted,@color-eight-inverted,@color-nine-inverted,@color-ten-inverted;

@foreground-color: @black;
@background-color: @white;
@foreground-color-inverted: @white;
@background-color-inverted: @mid-grey;

@max-width: 1400px;
@device-width-large: 900px;
@device-width-medium: 520px;
@device-width-small: 520px;

@nav: black;
@nav-inverted: white;
@hide-nav: false;
@nav-icon: white;
@nav-icon-inverted: black;
@nav-icon-hover: white;
@nav-icon-inverted-hover: white;

@navigation-logo: "";

@font-color: black;
@font-color-inverted: white;

@progress: black;
@progress-inverted: white;
@progress-border: black;

@nav-progress: @nav-inverted;
@nav-progress-inverted: @nav;
@nav-progress-border: @nav-inverted;

@theme-logo: "";
@theme-logo-top-padding: inherit;
@theme-logo-width: 100%;

@footer: @black;
@footer-inverted: @white;
@footer-logo: "";

@nav-logo-height: 60px;
@nav-logo-height-mobile: 50px;
@nav-logo-padding-top: 5px;
@nav-logo-padding-top-mobile: 3px;
@nav-logo-padding-left: 5px;
@nav-logo-padding-left-mobile: 3px;

// Dev tools missing 

@drawer-item-text-color: @drawer;
@drawer-color: @drawer;