/* Color
-------------------------- */
$--color-white                                                  : #FFF !default;
$--color-black                                                  : #000 !default;
$--color-primary                                                : #027AFF !default;
$--color-danger                                                 : #FF4D4F !default;
$--body-background-base                                         : #FFF !default;

/* Font
-------------------------- */
$--font-size-large                                              : 18px !default;
$--font-size-medium                                             : 16px !default;
$--font-size-base                                               : 14px !default;
$--font-size-small                                              : 12px !default;
$--font-weight-normal                                           : normal !default;

/* Border
-------------------------- */
$--border-radius-base                                           : 4px !default;
$--border-radius-small                                          : 2px !default;
$--border-radius-circle                                         : 100% !default;
$--border-radius-zero                                           : 0 !default;
$--border-width-base                                            : 1px !default;
$--border-style-base                                            : solid !default;
$--border-color-base                                            : #EAEDF1 !default;
$--border-base                                                  : $--border-width-base $--border-style-base $--border-color-base !default;

/* Background
-------------------------- */
$--background-color-base                                        : #FFF !default;

/* Shadow
-------------------------- */
$--shadow-up-1                                                  : 0 -1px 2px -2px transparentize($--color-black, 0.84), 0 -3px 6px 0 transparentize($--color-black, 0.88), 0 -5px 12px 4px transparentize($--color-black, 0.91) !default;
$--shadow-down-1                                                : 0 1px 2px -2px transparentize($--color-black, 0.84), 0 3px 6px 0 transparentize($--color-black, 0.88), 0 5px 12px 4px transparentize($--color-black, 0.91) !default;
$--shadow-left-1                                                : -1px 0 2px -2px transparentize($--color-black, 0.84), -3px 0 6px 0 transparentize($--color-black, 0.88), -5px 0 12px 4px transparentize($--color-black, 0.91) !default;
$--shadow-right-1                                               : 1px 0 2px -2px transparentize($--color-black, 0.84), 3px 0 6px 0 transparentize($--color-black, 0.88), 5px 0 12px 4px transparentize($--color-black, 0.91) !default;

$--shadow-up-2                                                  : 0 -3px 6px -4px transparentize($--color-black, 0.88), 0 -6px 16px 0 transparentize($--color-black, 0.92), 0 -9px 28px 8px transparentize($--color-black, 0.95) !default;
$--shadow-down-2                                                : 0 3px 6px -4px transparentize($--color-black, 0.88), 0 6px 16px 0 transparentize($--color-black, 0.92), 0 9px 28px 8px transparentize($--color-black, 0.95) !default;
$--shadow-left-2                                                : -3px 0 6px -4px transparentize($--color-black, 0.88), -6px 0 16px 0 transparentize($--color-black, 0.92), -9px 0 28px 8px transparentize($--color-black, 0.95) !default;
$--shadow-right-2                                               : 3px 0 6px -4px transparentize($--color-black, 0.88), 6px 0 16px 0 transparentize($--color-black, 0.92), 9px 0 28px 8px transparentize($--color-black, 0.95) !default;

$--shadow-up-3                                                  : 0 -6px 16px -8px transparentize($--color-black, 0.92), 0 -9px 28px 0 transparentize($--color-black, 0.95), 0 -12px 48px 16px transparentize($--color-black, 0.97) !default;
$--shadow-down-3                                                : 0 6px 16px -8px transparentize($--color-black, 0.92), 0 9px 28px 0 transparentize($--color-black, 0.95), 0 12px 48px 16px transparentize($--color-black, 0.97) !default;
$--shadow-left-3                                                : -6px 0 16px -8px transparentize($--color-black, 0.92), -9px 0 28px 0 transparentize($--color-black, 0.95), -12px 0 48px 16px transparentize($--color-black, 0.97) !default;
$--shadow-right-3                                               : 6px 0 16px -8px transparentize($--color-black, 0.92), 9px 0 28px 0 transparentize($--color-black, 0.95), 12px 0 48px 16px transparentize($--color-black, 0.97) !default;


/* Dialog
-------------------------- */
$--dialog-title-font-size                                       : $--font-size-medium !default;
$--dialog-title-font-color                                      : transparentize($--color-black, 0.15) !default;
$--dialog-border-width-base                                     : 1px !default;
$--dialog-border-style-base                                     : solid !default;
$--dialog-border-color-base                                     : #EBEDF1 !default;
$--dialog-border-base                                           : $--dialog-border-width-base $--dialog-border-style-base $--dialog-border-color-base !default;

/* Button
-------------------------- */
$--button-primary-border-color                                  : $--color-primary !default;
$--button-primary-font-color                                    : $--color-white !default;
$--button-primary-background-color                              : $--color-primary !default;
$--button-width-base                                            : 72px !default;
$--button-height-base                                           : 32px !default;
$--button-font-weight                                           : normal !default;
$--button-font-size                                             : 12px !default;
$--button-font-size-large                                       : 14px !default;
$--button-border-radius                                         : 4px !default;
$--button-border-radius-small                                   : 2px !default;

/* Input
-------------------------- */
$--input-width-large                                            : 408px !default;
$--input-width-base                                             : 336px !default;

/* Z-index
-------------------------- */
$--zindex-modal                                                 : 1000 !default;

// /* Animation
// -------------------------- */
// $--animation-time                                               : 0.3s !default;
// $--animation-time-quick                                         : 0.15s !default;
// $--transition-time                                              : 0.2s !default;
// $--ease-in-out                                                  : ease-in-out !default;

/* Transition
-------------------------- */
$--all-transition                                               : all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !default;
$--fade-linear-transition                                       : opacity 0.2s linear !default;