// ignore start
// Default using variable as entry to support site variable version
// This will be replaced in webpack bundle
// @root-entry-name: variable;

// @import './default.less';
// @import './variable.less';
@import './@{root-entry-name}.less';

// css 类名前缀
@ant-prefix: bonree;
// ignore end

/* 主色调 */
// 主色
@primary-color: #006aff;
// hover背景色;fade(@primary-color, 8%) = #ebf5ff;
@primary-1: #ebf3ff;
// @primary-1叠加后的颜色 // ignore
@double-primary-1: #d9ecff;
// hover描边
@primary-color-hover: #2989ff;
// 普通色,用于分割线 滚动跳
@normal-color: #d3d8df;
// 主阴影色
@primary-color-outline: fade(@primary-color-hover, 8%);
// 背景色或描边（active）
@primary-color-active: #0053d9;
// 文字颜色（selected、hover）
@primary-text-color: @primary-color;
// 主色2 // ignore
@primary-2: @primary-text-color;
// 文字颜色（链接）// ignore
@link-color: @primary-text-color;
// 文字颜色（页面、按钮）
@text-color: #172634;
// 图标色
@text-color-secondary: #6f7782;
// 图标色 // ignore
@icon-color: @text-color-secondary;
// 文字颜色（标题）
@heading-color: #000000;
// 背景色（页面、表头）
@background-color-base: #f5f7fa;
// 禁用文字颜色（placeholder文字颜色、图标颜色）
@disabled-color: #a7b1be;
// 禁用背景色
@disabled-bg: #f5f7fa;
// 组件内分割线 // ignore
@border-color-split: @normal-color;
// 信息色 // ignore
@info-color: @primary-color;
// 成功色
@success-color: #00b359;
// 警告色
@warning-color: #ff8f16;
// 高亮色
@highlight-color: #fa5050;
// 错误色
@error-color: #fa5050;
// 错误色阴影 // ignore
@error-color-outline: fade(@error-color, 8%);
// 背景颜色（回显标签）
@selection-item-bg: #ebeef1;
// 行高 // ignore
@line-height-base: 1.5;
// 复制内容时背景色
@text-selection-bg: fade(@primary-color, 24%);

/* 字体 */
// 字体
@font-family: 'Helvetica Neue', Arial, 'Microsoft Yahei', 'PingFang', sans-serif;
// 字体大小
@font-size-base: 12px;
// 最大字体 // ignore
@br-font-size-largest: 16px;
// 字体加粗 // ignore
// 使用text-shadow替换font-weight，直接使用font-weight会造成页面抖动 // ignore
@font-weight-bold: 0.6px 0 0 currentColor;
// 首字母大写
@br-text-transform: capitalize;

/* 圆角 */
// 颜色
@border-color-base: #d3d8df;
// 圆角（选择器标签）
@border-radius-sm: 2px;
// 圆角（按钮、选择器、输入框、穿梭框）
@border-radius-base: 3px;
// 圆角（页面卡片）
@br-border-radius-lg: 5px;

/* 阴影 */
// 扩散半径
@outline-width: 3px;
// 阴影透明度
@outline-fade: 8%;
//  br-基础阴影 // ignore
@br-box-shadow-base: @input-outline-offset @outline-blur-size @outline-width @primary-1;
//  br-小阴影，主要用于卡片、内容区顶部投影 // ignore
@br-box-shadow-sm: @input-outline-offset 4px 0 rgba(0, 0, 0, 0.2);
//  br-大阴影，主要用于选择器下拉浮层、气泡提示、图标浮层 // ignore
@br-box-shadow-lg: @input-outline-offset 8px 0 rgba(0, 0, 0, 0.2);

// -------- Bonree-box-shadow ----------- // ignore
@box-shadow-base: @br-box-shadow-lg;
//  br-大尺寸boder宽度 // ignore
@br-border-width-lg: 3px;

// Motion // ignore
@wave-animation-width: 4px;

// ignore start
// -------- Bonree-scrollbar -----------
@scrollWidth: 6px;
@scrollbarRightGap: 2px;
.customScrollbar(@background:@normal-color) {
  // 兼容火狐
  scrollbar-color: @background transparent;
  scrollbar-width: thin;
  &::-webkit-scrollbar {
    width: @scrollWidth;
    height: @scrollWidth;
  }
  &::-webkit-scrollbar-track {
    // background: @background-color-base;
    border-radius: 10px;
  }
  // &::-webkit-scrollbar-track-piece {
  //   width: 6px;
  // }
  &::-webkit-scrollbar-thumb {
    background: @background;
    border-radius: 10px;
  }
}
.hiddenScrollbar() {
  &::-webkit-scrollbar {
    display: none;
  }
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
// ignore end

/* 按钮 */
// 最小宽度
@br-btn-min-width-sm: 56px;
@br-btn-min-width: 72px;
// 主按钮颜色（hover、active、focus）
@btn-primary-bg: @primary-color-hover;
// 普通按钮阴影 // ignore
@btn-shadow: @br-box-shadow-base;
// 主按钮阴影 // ignore
@btn-primary-shadow: none;
// 文本按钮阴影 // ignore
@btn-text-shadow: none;
// 按钮水平边距
@btn-padding-horizontal-base: 12px;
// 背景色（hover） // ignore
@btn-text-hover-bg: @primary-1;

// ignore start
/* 面包屑 */
// 面包屑hover颜色
@breadcrumb-link-color-hover: @primary-color-hover;
// 面包屑分割符颜色
@breadcrumb-separator-color: @normal-color;
// ignore end

// ignore start
/* 标签页*/
// tabs文字大小
@tabs-title-font-size: @font-size-lg;
// tabs激活文字颜色
@tabs-highlight-color: @heading-color;
// ignore end

// ignore start
/* 单选框 */
// 单选框尺寸
@radio-size: 14px;
// radio禁用状态中间小圆点颜色
@radio-dot-disabled-color: @disabled-color;
// Radio buttons
@radio-button-hover-color: @primary-color-hover;
@radio-button-active-color: @primary-color-active;
@radio-button-diffusion-bg-color: #f0f2f5;
// ignore end

/* 复选 */
// 复选框大小
@checkbox-size: 14px;

// ignore start
/* 输入 */
// input 左右内边距
@input-padding-horizontal: @padding-xs;
// hover状态boder-color
@input-hover-border-color: @primary-color-hover;
// placeholder文字颜色
@input-placeholder-color: @disabled-color;
// input 上下边距
@input-padding-vertical-base: max(
  ceil(((@input-height-base - @font-size-base * @line-height-base) / 2) - @border-width-base),
  3px
);
// input 小尺寸上下边距
@input-padding-vertical-sm: max(
  ceil(((@input-height-sm - @font-size-base * @line-height-base) / 2) - @border-width-base),
  0
);
// 文本域最小高度
@br-input-textarea-height-base: 120px;
// 图标按钮尺寸
@btn-square-size: @height-sm;
// 图标按钮图标大小
@btn-square-only-icon-size: @br-font-size-largest;
// 前缀标签背景色
@input-addon-bg: @background-color-base;
// ignore end

/* 步骤条 */
// 步骤条大小
@steps-icon-size: 24px;
// 步骤条标题行高 // ignore
@steps-title-line-height: @steps-icon-size;

/* 开关 */
// 宽度
@switch-min-width: 32px;
// 高度
@switch-height: 18px;
// 透明度（禁用、loading）
@switch-disabled-opacity: 0.5;

/* 对话框 */
// 最大宽度
@br-modal-max-width: 1056px;
// 最小宽度
@br-modal-min-width: 320px;
// 最大高度
@br-modal-max-height: 80vh;
// 头部水平方向padding
@modal-header-padding-horizontal: @padding-md;
// 底部垂直方向panding
@modal-footer-padding-vertical: @padding-md;
// 底部水平方向panding
@modal-footer-padding-horizontal: @padding-md;
// 关闭图标尺寸 // ignore
@modal-header-close-size: @height-sm;
// 关闭图标位置 // ignore
@br-modal-header-close-pos: @padding-md;
// 蒙层 // ignore
@modal-mask-bg: fade(@black, 60%);
// 高于notification // ignore
@zindex-modal: 1011;
// 高于notification // ignore
@zindex-modal-mask: @zindex-modal;

// ignore start
/* 抽屉 */
// 抽屉头部padding
@drawer-header-padding: 10px @padding-md 11px;
// 抽屉内容区padding
@drawer-body-padding: @padding-md;
// 低于notification
@zindex-drawer: 1000;
// ignore end

// ignore start
/* 气泡卡片 */
// popover水平padding
@popover-padding-horizontal: @padding-xs;
// Popover 箭头 width
@popover-arrow-width: 8px;
// Popover distance with trigger
@popover-distance: 6px;
// ignore end

/* 全局提示 */
// 最小宽度
@br-message-min-width: 128px;
// 成功态背景
@br-message-success-bg: #e8f9f3;
// 错误态背景
@br-message-error-bg: #feeded;
// 警告态背景
@br-message-warning-bg: #fff3e7;
// padding // ignore
@message-notice-content-padding: 7px 16px;

// ignore start
/* 卡片 */
// 左右边距
@card-padding-base: 16px;
// card头部字体颜色
@card-head-color: @text-color;
// card圆角
@card-radius: @br-border-radius-lg;
// ignore end

/* 加载 */
// 大小（小）
@spin-dot-size-sm: 16px;
// 大小（中）
@spin-dot-size: 24px;
// 大小（大）
@spin-dot-size-lg: 32px;
// 大小（最大）
@spin-dot-size-largest: 48px;

/* 表单 */
// 向下间隔
@form-item-margin-bottom: 16px;
// label右边距
@form-item-label-colon-margin-right: 16px;

/* 表格 */
// 最小高度
@br-table-min-height: 240px;
// 头部高度
@br-table-header-height: 40px;
// 多选框列宽 // ignore
@table-selection-column-width: 40px;
// 表头颜色 // ignore
@table-header-bg: @background-color-base;
// 表头文字颜色 // ignore
@table-header-color: @text-color;
// 垂直方向内边距
@table-padding-vertical: 10px;
// 行hover状态背景色 // ignore
@table-row-hover-bg: @primary-1;
// 可操作表头hover状态背景色
@table-header-sort-active-bg: #e3effa;
// 表头图标颜色 // ignore
@table-header-icon-color: @icon-color;
// 选中行hover背景色
@table-selected-row-hover-bg: #d8ebff;
// Sticky
@table-sticky-scroll-bar-bg: @normal-color;
// Sticky层级
@table-sticky-zindex: 103;

/* 选择器 */
// 下拉框选中项文字颜色 // ignore
@select-item-selected-color: @primary-text-color;
// 下拉框hover背景色 // ignore
@select-item-active-bg: @primary-1;
// 选择器回显标签背景色 // ignore
@select-selection-item-bg: @selection-item-bg;

/* 穿梭框 */
// 穿梭框选项hover背景 // ignore
@transfer-item-hover-bg: @primary-1;
// 穿梭框列表高度
@transfer-list-height: 240px;

/* 文字提示 */
// 背景色 // ignore
@tooltip-bg: @text-color;
// 箭头宽度
@tooltip-arrow-width: 8.2px;
// Tooltip distance with trigger
@tooltip-distance: 6px;

/* 时间控件 下拉面板 */
// 列高度
@picker-time-panel-column-height: 172px;
// 列宽度
@picker-time-panel-column-width: 48px;
// 行高
@picker-time-panel-cell-height: 32px;
// 单元格宽度
@picker-panel-cell-width: 31px;
// 头部文字行高
@picker-text-height: 16px;
// ignore
@picker-basic-cell-hover-color: @primary-1;
// ignore
@picker-basic-cell-hover-with-range-color: @primary-1;
// ignore
@picker-date-hover-range-color: @picker-basic-cell-hover-with-range-color;
// ignore
@picker-date-hover-range-border-color: @primary-color;
// ignore
@picker-basic-cell-disabled-bg: @disabled-bg;
// ignore
@picker-panel-without-time-cell-height: 48px;

// 骨架屏
// ignore
@skeleton-color: @background-color-base;

// 树形组件
// ignore
@tree-node-hover-bg: @primary-1;
@tree-title-height: 32px;
@br-tree-icon-height: 24px;
@br-tree-unit-width: 16px;

// 标签
// ignore
@tag-default-bg: @selection-item-bg;

// 通知框
// ignore
@notification-padding-vertical: 12px;
@notification-padding-horizontal: 16px;

// BackTop
// ---
@back-top-bg: #fff;
@back-top-hover-bg: @primary-1;

// Progress
@processing-color: #3377ff;