/*******************************************************
*******基础样式变量,供组件库中使用**************************
*******提供主题扩展潜力***************
*******************************************************/

/**  引入颜色定义*/
@import '../color/colors';

/** 定义特殊字体*/
@import '../font/font';

/**  class头*/
@fc-prefix: fc;

/**  An override for the html selector for theme prefixes*/
@html-selector: html;

/**  -------- 主题Colors -----------*/
@primary-color: @blue-6;
@info-color: @black-6;
@success-color: @green-6;
/**  @processing-color: @blue-6;*/
@error-color: @red-6;
/**  @highlight-color: @red-6;*/
@warning-color: @orange-6;
/**  @normal-color: @black-2;*/
@white: #fff;
@black: #000;

/**  主要色*/
@primary-1: color(~`colorPalette('@{primary-color}', 1) `); /**  替换色调(@primary-color, 90%)*/
@primary-2: color(~`colorPalette('@{primary-color}', 2) `);
@primary-3: color(~`colorPalette('@{primary-color}', 3) `);
@primary-4: color(~`colorPalette('@{primary-color}', 4) `);
@primary-5: color(~`colorPalette('@{primary-color}', 5) `);
@primary-6: @primary-color;
@primary-7: color(~`colorPalette('@{primary-color}', 7) `);
@primary-8: color(~`colorPalette('@{primary-color}', 8) `);
@primary-9: color(~`colorPalette('@{primary-color}', 9) `);
@primary-10: color(~`colorPalette('@{primary-color}', 10) `);

/**  成功色*/
@success-1: color(~`colorPalette('@{success-color}', 1) `);
@success-2: color(~`colorPalette('@{success-color}', 2) `);
@success-3: color(~`colorPalette('@{success-color}', 3) `);
@success-4: color(~`colorPalette('@{success-color}', 4) `);
@success-5: color(~`colorPalette('@{success-color}', 5) `);
@success-6: @success-color;
@success-7: color(~`colorPalette('@{success-color}', 7) `);
@success-8: color(~`colorPalette('@{success-color}', 8) `);
@success-9: color(~`colorPalette('@{success-color}', 9) `);
@success-10: color(~`colorPalette('@{success-color}', 10) `);

/**  错误色*/
@error-1: color(~`colorPalette('@{error-color}', 1) `);
@error-2: color(~`colorPalette('@{error-color}', 2) `);
@error-3: color(~`colorPalette('@{error-color}', 3) `);
@error-4: color(~`colorPalette('@{error-color}', 4) `);
@error-5: color(~`colorPalette('@{error-color}', 5) `);
@error-6: @error-color;
@error-7: color(~`colorPalette('@{error-color}', 7) `);
@error-8: color(~`colorPalette('@{error-color}', 8) `);
@error-9: color(~`colorPalette('@{error-color}', 9) `);
@error-10: color(~`colorPalette('@{error-color}', 10) `);

/**  警告色*/
@warning-1: color(~`colorPalette('@{warning-color}', 1) `);
@warning-2: color(~`colorPalette('@{warning-color}', 2) `);
@warning-3: color(~`colorPalette('@{warning-color}', 3) `);
@warning-4: color(~`colorPalette('@{warning-color}', 4) `);
@warning-5: color(~`colorPalette('@{warning-color}', 5) `);
@warning-6: @warning-color;
@warning-7: color(~`colorPalette('@{warning-color}', 7) `);
@warning-8: color(~`colorPalette('@{warning-color}', 8) `);
@warning-9: color(~`colorPalette('@{warning-color}', 9) `);
@warning-10: color(~`colorPalette('@{warning-color}', 10) `);

/**  基础px单位*/
@unit: 8px;

/**  字体*/
@font-family-base: 'Microsoft YaHei', sans-serif;
@font-family-sht: 'sht', sans-serif;
// @font-family-fzzdhjw: 'FZZDHJW',sans-serif;
@inherit-color: inherit; /**  继承父级颜色*/
@font-variant-base: tabular-nums; /**  字体变体*/
@font-feature-settings-base: 'tnum'; /**  高级印刷特性*/
/**  字体大小*/
@font1: 12px; /**  辅助文案*/
@font2: 13px; /**  正文-常规-小*/
@font-size-base: 14px; /**  基础*/
@font4: 16px; /**  标题-小*/
@font5: 20px; /**  标题-中*/
@font6: 24px; /**  标题-大*/
@font7: 36px; /**  运营标题-小*/
@font8: 48px; /**  运营标题-中*/
@font9: 56px; /**  运营标题-大*/
@line-height-base: 1.5; /**  行高倍数*/
/**  字体颜色*/
@font-color-base: @black-10; /** 基础色*/
@font-color-placeholder: @black-6; /** 提示语颜色*/

/**  框圆角*/
@border-radius-lg: 4px; /**  大圆角*/
@border-radius-base: 2px; /**  基础圆角*/
@border-radius-sm: 1px; /**  小圆角*/
/**  边框风格*/
@border-color-base: @black-3; /**  基础边框颜色*/
@border-width-base: 1px; /**  边框基础宽度*/
@border-style-base: solid; /**  边框基础风格*/
@border-base: @border-width-base @border-style-base @border-color-base; /**  基础边框*/

@padding-lg: 20px; /**  内边距(大)*/
@padding-md: 16px; /**  内边距(中)*/
@padding-sm: 12px; /**  内边距(小)*/
@padding-xs: 8px; /**  内边距(较小)*/
@padding-xxs: 4px; /**  内边距(极小)*/
@padding-mini: 2px; /**  内边距(最小)*/
@padding-base: @padding-xs; /**  默认内边距*/

/** 外边距 */
@margin-huge: 24px; /**  外边距(极大)*/
@margin-lg: 20px; /**  外边距(大)*/
@margin-md: 16px; /**  外边距(中)*/
@margin-sm: 12px; /**  外边距(小)*/
@margin-xs: 8px; /**  外边距(较小)*/
@margin-xxs: 4px; /**  外边距(极小)*/
@margin-mini: 2px; /**  外边距(最小)*/
@margin-base: @margin-xs; /**  默认内边距*/

/**  连接线 */
@link-color: @primary-color; /**  连线颜色*/
@link-hover-color: color(~`colorPalette('@{link-color}', 5) `); /**  连线悬浮颜色*/
@link-active-color: color(~`colorPalette('@{link-color}', 7) `); /**  连线点击颜色*/
@link-decoration: none; /**  连线装饰*/
@link-hover-decoration: none; /**  连线悬浮装饰*/

/**  分割线*/
@divider-color: @black-3;

/**  动画风格*/
@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);

/**  动画速度*/
@animation-duration-slow: 0.3s; /**  慢速*/
@animation-duration-base: 0.2s; /**  基础速度*/
@animation-duration-fast: 0.1s; /**  快速*/

/**  禁用状态*/
@disabled-base-color: @primary-6;
@disabled-color: color(~`colorPalette('@{disabled-base-color}', 4) `); /**  禁用字颜色*/
@disabled-bg: color(~`colorPalette('@{disabled-base-color}', 1) `); /**  禁用背景颜色*/
@disabled-border: color(~`colorPalette('@{disabled-base-color}', 3) `); /**  禁用背景颜色*/

/**  阴影*/
@shadow-color-base: @black-3; /**  阴影颜色*/
@shadow-1-up: 0 -4px 10px @shadow-color-base; /**  阴影顶部*/
@shadow-1-down: 0 4px 10px @shadow-color-base; /**  阴影底部*/
@shadow-1-left: -4px 0 10px @shadow-color-base; /**  阴影左侧*/
@shadow-1-right: 4px 0 10px @shadow-color-base; /**  阴影右侧*/

/**  z-index列表*/
@zindex-badge: 1;
@zindex-table-fixed: 1;
@zindex-affix: 10;
@zindex-back-top: 10;
@zindex-picker-panel: 10;
@zindex-popup-close: 10;
@zindex-modal: 1000;
@zindex-modal-mask: 1000;
@zindex-message: 1010;
@zindex-notification: 1010;
@zindex-popover: 1030;
@zindex-dropdown: 1050;
@zindex-picker: 1050;
@zindex-tooltip: 1060;
@zindex-speedDials: 10;

/*******************************************************
*******具名化样式变量,供项目中使用**************************
*******继承组件库base样式变量,提供主题扩展潜力***************
*******************************************************/

/**  @main: #165dff; /** 品牌颜色*/
@main: @primary-6; /** 省交投品牌颜色*/
@hover: @primary-5; /**  悬浮颜色*/
@click: @primary-7; /**  点击颜色*/
@specialScenes: @blue-4; /** 特殊场景*/
@mainDisabled: @primary-3; /**  一般禁用*/
@textDisabled: @primary-2; /** 文字禁用*/
@whiteFloat: @primary-1; /** 浅色/白色悬浮*/

/* =========================公司-填充========================= */
@specialFill: @black-8; /**  强调/图标/特殊场景*/
@deepFillColor: @black-4; /**  重/特殊场景*/
@gradFillColor: @black-3; /**  深/灰底悬浮*/
@normalFillColor: @black-2; /**  一般/常规/白底悬浮*/
@lighFillColor: @black-1; /**  浅/禁用*/

/* =========================公司-文字========================= */
@textTitle: @black-8; /** 强调/正文标题*/
@text-color-secondary: @black-8; /** 次强调/正文*/
@text-color-notes: @black-6; /** 次要信息*/
@text-color-disabled: @black-4; /** 禁用状态*/
@text-color-pureWhite: @white; /** 纯白颜色*/

/* =========================公司-功能色系-成功========================= */
@success: @success-6; /**  成功 success*/
@successFloat: @success-5; /** 悬浮*/
@successClick: @success-7; /**  点击*/
@successDisabled: @success-3; /**  禁用*/
@successSpecial: @success-2; /**  特殊场景*/
@successLight: @success-1; /**  浅色背景*/

/* =========================公司-功能色系-提示========================= */
@warn: @warning-6; /**  成功 warn*/
@hoverWarn: @warning-5; /**  悬浮警告红*/
@clickWarn: @warning-7; /**  点击警告红*/
@disabledWarn: @warning-3; /**  禁用*/
@specialWarn: @warning-2; /**  特殊场景*/
@lightWarn: @warning-1; /**  浅色背景*/

/* =========================公司-功能色系-错误========================= */
@error: @error-6; /**  常规*/
@hoverError: @error-5; /**  悬浮*/
@clickError: @error-7; /**  点击*/
@disabledError: @error-3; /**  禁用*/
@specialError: @error-2; /**  特殊场景*/
@lightError: @error-1; /**  浅色背景*/

/* =========================分割线========================= */
@text-color-divider: @divider-color; /** 分割线*/

/* ==================================================公司-边距================================================== */
/* =========================标准内边距========================= */
@paddingBase: @unit;
@paddingBaseAnti: -@unit;

/* =========================标准外边距========================= */
@marginBase: @margin-xs;
@marginBaseAnti: -@margin-xs;

/* ==================================================公司-字体================================================== */
/* =========================字号========================= */
@font3: @font-size-base; /**  正文-常规-大*/

/* =========================公司-行高========================= */
@lineHeight1: @font1;
@lineHeight2: @font2;
@lineHeight3: @font-size-base;
@lineHeight4: @font4;
@lineHeight5: @font5;
@lineHeight6: @font6;
@lineHeight7: @font7;
@lineHeight8: @font8;
@lineHeight9: @font9;
/* ==================================================公司-其他================================================== */
/* =========================高度========================= */
@maxHeight: 4 * @unit;

/* =========================圆角========================= */
@border-radius-default: @border-radius-base;

/* =========================边框========================= */
@border-default: @border-width-base @border-style-base @normalBorderColor;
@border-dashed: @border-width-base dashed @normalBorderColor;
@border-hover: @border-width-base @border-style-base @hover;
@border-click: @border-width-base @border-style-base @click;

/* =========================自定义========================= */
@borderColor: #86909c;
@borderFloatColor: #c9cdd4;
@normalBorderColor: #e5e6eb;
@lightBorderColor: #f2f3f5;