$primary-color: #8bc34a;
$primary-1: #bfe297;
$primary-2: #ecf5e2;
$primary-5: #dcf5a9;
$error-color: #f5222d;
$primary-bg: #8bc34a;

$text-color: #333;
$text-color-secondary: #666;
$text-color-inverse: #fff;

$border-width-base: 1px;
$border-style-base: solid;
$border-color-split: #e8e8e8;

$arrow-color: #aaa;

$link-hover-color: #8bc34a;
$item-hover-bg: $primary-2;

$heading-color: rgba(0, 0, 0, 0.85);
$shadow-color: rgba(0, 0, 0, 0.15);
$disabled-color: rgba(0, 0, 0, 0.25);
$disabled-bg: rgba(0, 0, 0, 0.05);
$border-color-base: #d9d9d9;
$background-color-base: rgba(0, 0, 0, 0.96);

$input-hover-border-color: $primary-5;
$input-placeholder-color: #ccc;

$font-size-base: 14px;
$font-size-lg: 16px;
$font-size-sm: 12px;
$font-variant-base: tabular-nums;
$font-feature-settings-base: 'tnum';
$line-height-base: 1.5;
$component-background: #fff;
$border-color-inverse: #fff;
$border-radius-base: 2px;
$border-radius-sm: 2px;
$box-shadow-base: 0 2px 8px $shadow-color;

$padding-lg: 24px;
$padding-md: 16px;
$padding-sm: 12px;
$padding-xs: 8px;

$control-padding-horizontal: $padding-sm;
$control-padding-horizontal-sm: $padding-xs;
$input-color: $text-color;
$input-bg: $component-background;
$input-box-height: 34px;

$item-active-bg: #ecf5e2;

/* Input */
$input-height-base: 34px;
$input-height-lg: 40px;
$input-height-sm: 24px;
$input-padding-horizontal: 11px;
$input-padding-horizontal-base: $input-padding-horizontal;
$input-padding-horizontal-sm: 7px;
$input-padding-horizontal-lg: $input-padding-horizontal;
$input-padding-vertical-base: 4px;
$input-padding-vertical-sm: 1px;
$input-padding-vertical-lg: 6px;
$input-border-color: $border-color-base;
$input-hover-border-color: $primary-color;
$input-disabled-bg: #f5f5f5;

$zindex-picker-panel: 10;
$zindex-picker: 1050;

$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
  'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
  'Segoe UI Emoji', 'Segoe UI Symbol';

/* Buttons */
$btn-primary-color: #fff;
$btn-primary-bg: $primary-color;
$btn-font-weight: 400;
$btn-border-radius-base: $border-radius-base;
$btn-border-radius-sm: $border-radius-base;
$btn-border-width: $border-width-base;
$btn-border-style: $border-style-base;
$btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
$btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
$btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
$btn-height-base: 32px;
$btn-height-lg: 40px;
$btn-height-sm: 24px;
$btn-padding-base: 0 15px;
$btn-padding-sm: 0 7px;

$btn-disable-color: $disabled-color;
$btn-disable-bg: rgba(0, 0, 0, 0.1);
$btn-disable-border: $border-color-base;

/* Animation */
$ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
$ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
$ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
$ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
$ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
$ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
$ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
$ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
$ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
$ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
$ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
$ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
$ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
$ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);

/* TimePicker */
$time-picker-panel-column-width: 56px;
$time-picker-panel-width: 168px;
$time-picker-selected-bg: #f5f5f5;

/* Tag */
$tag-default-bg: #fafafa;
$tag-default-color: $text-color;
$tag-font-size: $font-size-sm;