//App Colors
$primary-1-color: $light-blue-500 !default;
$primary-2-color: $cyan-700 !default;
$primary-3-color: $cyan-100 !default;
$accent-1-color: $pink-A200 !default;
$accent-2-color: $pink-A400 !default;
$accent-3-color: $pink-A100 !default;

$success: $teal-500;
$error: $red-500;
$alert: $orange-500;
$notice: $light-blue-500;

$success-inverse: $teal-50;
$error-inverse: $red-50;
$alert-inverse: $orange-50;
$notice-inverse: $light-blue-50;

// Body Color
$body-background-color: $grey-100 !default;

//Text Colors
$body-text-color: $dark-black !default;

//Border Colors
$border-color: $grey-300 !default;

// Border Radius
$border-radius: 2px;

//Component Colors
$app-bar-color: $primary-1-color !default;
$app-bar-text-color: $dark-white !default;
$canvas-color: $white !default;
$drop-down-menu-icon-color: $min-black !default;
$left-nav-color: $white !default;
$subheader-border-color: $border-color !default;
$subheader-text-color: $primary-1-color !default;

//Date Picker
$date-picker-color: $primary-1-color !default;
$date-picker-text-color: $white !default;
$date-picker-calendar-text-color: $body-text-color !default;
$date-picker-select-color: $primary-2-color !default;
$date-picker-select-text-color: $white !default;

// menu
$menu-background-color: $white !default;
$menu-item-data-height: 32px !default;
$menu-item-height: 48px !default;
$menu-item-hover-color: rgba(0, 0, 0, .035) !default;
$menu-item-padding: $desktop-gutter !default;
$menu-item-selected-text-color: $accent-1-color !default;
$menu-container-background-color: white !default;
$menu-subheader-padding: $desktop-gutter !default;
$lui-menu-label-font-color: $grey-700 !default;
$drop-down-menu-icon-color: $grey-300 !default;

// buttons
$button-height: 36px !default;
$button-min-width: 88px !default;

// toast
$lui-toast-color: white !default;
$lui-toast-background-color: #323232 !default;
$lui-toast-action-color: yellow !default;

// toggle
$toggle-size: 20px !default;
$toggle-track-on-color: $cyan-200 !default;
$toggle-track-off-color: $min-black !default;
$toggle-track-disabled-color: $faint-black !default;
$toggle-thumb-on-color: $primary-1-color !default;
$toggle-thumb-off-color: $grey-50 !default;
$toggle-thumb-disabled-color: $grey-800 !default;

// slider
$slider-track-size: 2px !default;
$slider-track-color: $min-black !default;
$slider-track-color-selected: $grey-500 !default;
$slider-handle-size: 12px !default;
$slider-handle-size-active: $slider-handle-size * 2 !default;
$slider-handle-size-disabled: 8px !default;
$slider-handle-color-zero: $grey-400 !default;
$slider-selection-color: $primary-3-color !default;

// layout
$app-bar-height: $desktop-keyline-increment !default;
$left-nav-width: ($desktop-keyline-increment * 4) !default;

// list
$lui-list-item-hover-color: $grey-100 !default;

///////////////
// Codeblock //
///////////////

$lui-codeblock-background: $grey-200 !default;
$lui-codeblock-color: $grey-800 !default;
$lui-codeblock-emphasis-color: $orange-200 !default;
$lui-codeblock-keyword-color: $blue-100 !default;
$lui-codeblock-tag-color: $green-200 !default;
$lui-codeblock-comment-color: $grey-300 !default;
$lui-codeblock-important-color: $red-300 !default;
$lui-codeblock-function-color: $light-blue-500 !default;
$lui-codeblock-variable-color: $teal-100 !default;
$lui-codeblock-string-color: $yellow-700 !default;


// lui-navbar
$lui-navbar-background-color: $grey-200 !default;
$lui-navbar-height: 56px !default;
$lui-navbar-icon-size: 24px;
$lui-navbar-icon-color: rgba(0, 0, 0, .40) !default;
$lui-navbar-separator-color: rgba(0, 0, 0, .175) !default;
$lui-navbar-menu-hover-color: $grey-300 !default;
$lui-navbar-menu-hover-font-color: $primary-1-color !default;
$lui-navbar-menu-hover-background-color: $grey-300 !default;
$lui-navbar-font-color: $grey-800 !default;
$lui-navbar-logo-color: $grey-800 !default;
$lui-navbar-link-padding: 0 $desktop-gutter !default;