@color-body: var(--color-body);
@color-text: var(--color-text);
@color-primary: var(--color-primary);
@color-info: var(--color-info);
@color-success: var(--color-success);
@color-warning: var(--color-warning);
@color-danger: var(--color-danger);
@color-disabled: var(--color-disabled);
@color-text-disabled: var(--color-text-disabled);
@color-border: var(--color-border);
@color-default: var(--color-default);
@color-grey: var(--color-grey);

// font-size
@font-size-xs: 10px;
@font-size-sm: 12px;
@font-size-md: 14px;
@font-size-lg: 16px;
@font-weight-bold: 500;
@line-height-xs: 14px;
@line-height-sm: 18px;
@line-height-md: 20px;
@line-height-lg: 22px;

// Animation
@animation-duration-base: 0.3s;
@animation-timing-function-enter: ease-out;
@animation-timing-function-leave: ease-in;

// Padding
@padding-base: 4px;
@padding-xs: @padding-base * 2;
@padding-sm: @padding-base * 3;
@padding-md: @padding-base * 4;
@padding-lg: @padding-base * 6;
@padding-xl: @padding-base * 8;


@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
  Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
  'Microsoft Yahei', sans-serif;