// 支付宝钱包默认主题
// https://github.com/ant-design/ant-design-mobile/wiki/设计变量表及命名规范

// 色彩
// ---
// 文字色
@color-text-base: #000;                  // 基本
@color-text-base-inverse: #fff;          // 基本 - 反色
@color-text-placeholder: #ccc;           // 文本框提示
@color-text-disabled: #bbb;              // 失效
@color-text-caption: #888;               // 辅助描述
@color-text-paragraph: #333;             // 段落
@color-link: @brand-primary;             // 链接

// 阴影色
@color-shadow: rgba(100, 100, 100, .2);  // 阴影色

// 背景色
@fill-base: #fff;                           // 组件默认背景
@fill-body: #f5f5f9;                        // 页面背景
@fill-tap: #ddd;                            // 组件默认背景 - 按下
@fill-disabled: #ddd;                       // 通用失效背景
@fill-mask: rgba(0, 0, 0, .5);              // 遮罩背景
@fill-overlay-inverse: rgba(0, 0, 0, .8);   // 浮层背景 - 反色，用于 toast

// 透明度
@opacity-disabled: 0.3;   // switch checkbox radio 等组件禁用的透明度

// 全局/品牌色
@brand-primary: #108ee9;
@brand-primary-tap: #1284d6;
@brand-success: #6abf47;
@brand-warning: #f86e21;
@brand-error: #f4333c;
@brand-hot: #f96268;        // 用于推荐/促销/折扣
@brand-important: #ff3b30;  // 用于小红点

// 边框色
@border-color-base: #ddd;

// 字体尺寸
// ---
@font-size-icontext: 20/3px;
@font-size-caption-sm: 24/3px;
@font-size-base: 26/3px;
@font-size-subhead: 28/3px;
@font-size-caption: 30/3px;
@font-size-heading: 34/3px;
@font-size-display-sm: 36/3px;
@font-size-display-md: 42/3px;
@font-size-display-lg: 48/3px;
@font-size-display-xl: 60/3px;

// 字体家族
// ---
@font-family-base: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
@font-family-code: Consolas,Menlo,Courier,monospace;

// 圆角
// ---
@radius-xs: 4/3px;
@radius-sm: 6/3px;
@radius-md: 10/3px;
@radius-lg: 14/3px;

// 边框尺寸
// ---
@border-width-sm: 1/3PX;
@border-width-md: 2/3px;
@border-width-lg: 4/3px;

// 间距
// ---
// 水平间距
@h-spacing-sm: 12/3px;
@h-spacing-md: 18/3px;
@h-spacing-lg: 30/3px;

// 垂直间距
@v-spacing-xs: 6/3px;
@v-spacing-sm: 12/3px;
@v-spacing-md: 18/3px;
@v-spacing-lg: 30/3px;
@v-spacing-xl: 42/3px;

// 高度
// ---
@option-height: 84/3px;           // action-sheet、picker 等组件的选项高度

// 图标尺寸
// ---
@icon-size-xxs: 30/3px;
@icon-size-xs: 36/3px;
@icon-size-sm: 42/3px;
@icon-size-md: 44/3px;       // 导航条上的图标、grid的图标大小
@icon-size-lg: 72/3px;

// 动画缓动
// ---
@ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);

// 组件变量
// ---

// button
@button-height: 84/3px;
@button-font-size: 36/3px;

@button-height-sm: 46/3px;
@button-font-size-sm: 24/3px;

@across-button-height: 100/3px;   // 通栏按钮高度

@primary-button-fill: @brand-primary;
@primary-button-fill-tap: @brand-primary-tap;

@ghost-button-color: @brand-primary;    // 同时应用于背景、文字颜色、边框色
@ghost-button-fill-tap: @brand-primary-tap;

@link-button-fill-tap: #ddd;
@link-button-font-size: 32/3px;

// list
@list-title-height: 60/3px;
@list-item-height-sm: 70/3px;
@list-item-height: 90/3px;
@list-body-border-width: 1/3PX;
@list-body-border-color: @border-color-base;

// input
@input-label-width: 34/3px;       // InputItem、TextareaItem 文字长度基础值
@input-font-size: 28/3px;
@input-color-icon: #ccc;
@input-color-icon-tap: @brand-primary;
@input-color-icon-inverse: rgba(255, 255, 255, .6);
@input-color-icon-tap-inverse: rgba(255, 255, 255, .4);

// tabs
@tabs-color: @brand-primary;
@tabs-height: 84/3px;
@tabs-font-size-heading: 30/3px;

// segmented-control
@segmented-control-color: @brand-primary;  // 同时应用于背景、文字颜色、边框色
@segmented-control-height: 54/3px;
@segmented-control-fill-tap: fade(@brand-primary, 0.1);

// tab-bar
@tab-bar-height: 100/3px;

// search-bar
@search-bar-input-height: 56/3px;

// notice-bar
@notice-bar-fill: #fffada;
@notice-bar-height: 72/3px;

// switch
@switch-fill: #4dd865;

// tag
@tag-height: 36/3px;

// table
@table-title-height: 60/3px;

// z-index
@progressZIndex: 2000;
@popoverZIndex: 1999;
@toastZIndex: 1999;
@actionSheetZIndex: 1000; // actonsheet 会放到 popup / modal 中
@datePickerZIndex: 1000;  // picker 会放到 popup / modal 中
@pickerZIndex: 1000;
@popupZIndex: 999;
@modalZIndex: 999; // modal.alert 应该最大，其他应该较小
@listViewQsbZIndex: 998;