@prefix: h-;
// Color
@primary-color: #45b984;
@primary1-color: fade(@primary-color, 45%);
@primary2-color: fade(@primary-color, 15%);
@link-color: @primary-color;
@blue-color: #3b91ff; //info
@green-color: #13ce66; //success
@yellow-color: #ffae00; //warn
@red-color: #e11617; //error
@white-color: #ffffff;

//Dark, Gray 1-4 more
@dark-color: #333333;
@dark1-color: #555555;
@dark2-color: #666666;
@dark3-color: #777777;
@dark4-color: #999999;

@gray-color: #c1c1c1;
@gray1-color: #d3d3d3;
@gray2-color: #eeeeee;
@gray3-color: #f3f3f3;
@gray4-color: #f5f5f5;

//hover
@hover-background-color: @gray3-color;

@highlight-background-color: @primary2-color;

//tag
@tag-background-color: @gray4-color;
@tag-border-color: @gray2-color;

//font-size
@font-size: 15px;
@font-size-mini: 14px;
@font-size-input: @font-size-mini;
@font-size-input-tag: 13px;
@font-size-badge: 12px;

@font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
@line-height: 1.5;

@button-size-normal-padding: 8px 15px;
@button-size-l-padding: 10px 20px;
@button-size-m-padding: 7px 16px;
@button-size-s-padding: 5px 10px;
@button-size-xs-padding: 2px 6px;

// Input
@input-height: 36px;
@input-base-padding: 10px;

//border
@border-color: @gray2-color;
@border: 1px solid @gray2-color;

//disabled
@disabled-cursor: not-allowed;
@disabled-color: @dark4-color;
@disabled-border-color: @gray1-color;
@disabled-background-color: @gray4-color;

//radius
@border-radius: 2px;
@btn-border-radius: 2px;

//box-shadow
@box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
@box-shadow-input: 0 0 0 2px fade(@primary-color, 20%);
@box-shadow-error-input: 0 0 0 2px fade(@red-color, 20%);
@box-shadow-button: 0 1px 1px 0 @gray2-color;
@box-shadow-notify: 0 5px 10px rgba(0, 0, 0, 0.1);
@box-shadow-dropdown: 0 5px 10px rgba(0, 0, 0, 0.1);
@box-shadow-select-dropdown: 0 1px 6px rgba(0, 0, 0, 0.2);

//switch
@switch-hight: 26px;
@min-switch-height: 18px;

//dropdown,tooltip触发的el添加相关class
@pop-ref-prefix: h-pop-trigger;
@icon-prefix: h-icon-;
// Z-index
@zindex-loading: 8;
@zindex-affix: 10;
@zindex-backtop: 10;
@zindex-select: 1000;
@zindex-dropdown: 1000;
@zindex-modal: 1000;
@zindex-notify: 1000;
@zindex-notice: 1000;
@zindex-tooltip-edit: 1000;
@zindex-message: 1010;
@zindex-tooltip: 1060;
@zindex-loading-fullscreen: 2000;
@zindex-loading-bar: 2000;
// Animation
@animation-time: 0.3s;
@transition-time: 0.2s;

// panel
@panel-space: 10px;

@layout-header-height: 64px;
@layout-sider-width: 200px;
@layout-sider-collapse-width: 70px;

@menu-dark-color: @dark-color;
@menu-white-background-color: @primary2-color;

// skeleton
@skeleton-bg: @gray4-color;
@skeleton-height: 16px;