@lib-name: fe;
@unit: 37.5;

// Color variables
@black: #000;
@white: #fff;
@red: #ff3b30;
@blue: #1890ff;
@orange: #ff976a;
@orange-dark: #ed6a0c;
@orange-light: #fffbe8;
@green: #07c160;
@gray: #c8c9cc;
@gray-light: #e5e5e5;
@gray-darker: #7d7e80;
@gray-dark: #969799;
@nuofe: #1890ff;
@success-color: #52c41a; // 成功色
@warning-color: #faad14; // 警告色
@error-color: #f5222d; // 错误色

@main-text-color: #333333; // 标题色 主文字色
@sub-text-color: #666666; // 次要文字色
@aide-text-color: #999999; // 辅助文字色
@dark-text-color: #cccccc; // 暗文字/失效
@diolog-text-color: #dddddd; // 弹窗分割线
@content-text-color: #eeeeee; // 内容分割线

// Default colors
@text-color: #323233;
@border-color: #ebedf0;
@active-color: #e8e8e8;
@background-color: #f8f8f8;
@background-color-light: #fafafa;

// Font
@font-size-xs: 10px;
@font-size-sm: 12px;
@font-size-md: 14px;
@font-size-lg: 16px;
@font-weight-bold: 500;

// 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 border-radius
@base-border-radius: 2px;

@border-width-base: 1px;
// Base border-radius
@base-main-color: #108ee9;
@base-sub-color: #1890ff;
@base-active-color: #096dd9;

// Button
@button-default-color: @main-text-color;
@button-default-background-color: @white;
@button-default-border-color: @diolog-text-color;
@button-primary-color: @white;
@button-primary-background-color: @base-main-color;
@button-primary-border-color: @base-main-color;
@button-danger-color: @white;
@button-danger-background-color: @red;
@button-danger-border-color: @red;
@button-warning-color: @white;
@button-warning-background-color: @orange;
@button-warning-border-color: @orange;
@button-bottom-action-default-color: @white;
@button-bottom-action-default-background-color: @orange;
@button-bottom-action-primary-color: @white;
@button-bottom-action-primary-background-color: @red;

@button-default-border-radius: @base-border-radius;
@button-default-height: 44px;

// Mask
@mask-default-background-color: rgba(0, 0, 0, 0.65);
@mask-default-z-index: 3000;

// popup
@popup-background-color: @white;
@popup-round-border-radius: 16px;
@popup-close-icon-size: 16px;
@popup-close-icon-color: @gray;
@popup-close-icon-active-color: @gray-light;
@popup-close-icon-margin: 12px;
@popup-close-icon-z-index: 1;

// Badge
@badge-default-color: @red;

// Dialog
@dialog-background-color: @white;
@dialog-line-color: @diolog-text-color;
@dialog-line-active-color: @active-color;
@dialog-close-color: #999999;
@dialog-close-activity-color: @white;
@dialog-text: @main-text-color;
@dialog-button-text-primary-color: @base-main-color;
@dialog-button-text-default-color: @gray-darker;
@dialog-input-border-color: @diolog-text-color;
@dialog-border-radius: @base-border-radius;
@dialog-success-color: @success-color;
@dialog-warning-color: @warning-color;
@dialog-error-color: @error-color;

// switch
@switch-size: 30px;
@switch-default-height: 1em;
@switch-default-width: 2em;
@switch-default-background-color: @dark-text-color;
@switch-primary-border-color: @gray-light;
@switch-default-color: @white;
@switch-disabled-opacity: 0.5;

// tab
@tab-default-color: @base-main-color;
@tab-card-active-color: rgba(255, 255, 255, 0.85);
@tab-default-height: 43px;
@tab-nav-color: @white;
@tab-nav-font-size: @font-size-lg;
@tab-card-height: 30px;
@tab-badge-bg: @red;
@tab-line-color: #d5d6d6;
@tab-line-width: 1px;

// tabbar
@tabbar-text-active-color: #1b82d2;
@tabbar-text-inactive-color: #949494;

// tag
@tag-border-radius: @base-border-radius;

// Image
@image-placeholder-text-color: @gray-dark;
@image-placeholder-font-size: @font-size-md;
@image-placeholder-background-color: @background-color;

// Divider
@divider-margin: @padding-md 0;
@divider-text-color: @gray-dark;
@divider-font-size: @font-size-md;
@divider-line-height: 24px;
@divider-border-color: #d5d6d6;
@divider-content-padding: @padding-xs;
@divider-content-left-width: 10%;
@divider-content-right-width: 10%;

// Search
@search-bar-input-color: @black;
@search-bar-font-size: 16px;
@search-border-radius: 8px;
@search-form-height: 44px;
@search-input-height: 28px;
@search-input-line-height: 28px;
@search-bar-input-bgcolor: #f5f5f5;
@search-bar-input-placeholder: #9c9c9d;
@search-bar-cancel-color: @base-main-color;
@search-input-placeholder-font-size: @font-size-lg;

// Input
@input-height: 24px;
@input-line-height: 24px;
@input-tips-color: @aide-text-color;

// passwordInput
@passwordInput-border-color: #ebedf0;
@passwordInput-background-color: @white;

// swiper
@swiper-indicator-active: #ffa500;

// card
@card-title-color: @main-text-color;
@card-subtitle-color: @aide-text-color;

// stepper
@stepper-border-color: #dddddd;
@stepper-border-width: 1px;

// cell

@cell-bg-color: @white;
@cell-padding: 0 @padding-md;
@cell-line-color: @content-text-color;
@cell-line-left: 16px;
@cell-line-right: 16px;
@cell-title-font-size: @font-size-md;
@cell-subtitle-font-size: @font-size-md;
@cell-desc-font-size: @font-size-md;
@cell-content-margin: 11px 0 12px;
@cell-subtitle-magin: 4px 0;

// Group
@group-title-color: @gray-dark;
@group-title-padding: @padding-md @padding-md @padding-xs;
@group-title-line-height: 16px;

// stepper
@stepper-border-color: #dddddd;
@stepper-border-width: 1px;

// keyboard
@keyboard-bg: @white;
@keyboard-title-color: @sub-text-color;
@keyboard-close-color: @nuofe;

// cityselect
@citySelect-recommend-bg: @white;
@citySelect-rlist-bg: @white;
@citySelect-selbar-color: @base-main-color;

// Footer
@footer-link-color: @nuofe;
@footer-text-color: @dark-text-color;

// page-result
@page-result-content-top: 75px;
@page-result-button-right: 16px;

// datetime

@datetime-header-item-font-color: #1990fa;
@datetime-header-item-cancel-font-color: @datetime-header-item-font-color;
@datetime-header-item-confirm-font-color: @datetime-header-item-font-color;