@border-radius-base: 2px;
@primary-color: #f9963f;
@layout-header-height: 50px;
@layout-header-padding: 0 20px;
@menu-dark-item-active-bg: rgb(54, 61, 77);
@menu-collapsed-width: 50px;
@menu-dark-bg: #1D2328;
@menu-dark-submenu-bg: #101417;
@layout-sider-background: @menu-dark-bg;
@layout-trigger-background: @menu-dark-bg;


@link-color: #3367D6;
@link-hover: #008cff;


@JG_BLACK: #272833;
@JG_39: #393A4A;
@JG_E7: #E7E7ED;
@JG_6B: #6B6C7E;
@JG_A7: #A7A9BC;
@JG_DF: #DFE2E5;

@JG_PRIMARY_GREEN_84: rgba(24,173,145, 0.84); // 鼠标悬停 hover
@JG_PRIMARY_GREEN_52: rgba(24,173,145, 0.52); // 按钮不可点状态 disable
@JG_PRIMARY_GREEN_08: rgba(24,173,145, 0.08); 
@JG_PRIMARY_GREEN_04: rgba(24,173,145, 0.04); 
@JG_PRIMARY_GREEN_02: rgba(24,173,145, 0.02); // 浅色带颜色背景

@JG_PRIMARY_GREEN_84_HSV: #3DBAA3; // 鼠标悬停 hover
@JG_PRIMARY_GREEN_52_HSV: #86D4C5; // 按钮不可点状态 disable
@JG_PRIMARY_GREEN_08_HSV: #EDF9F7; // 浅色带颜色背景
@JG_PRIMARY_GREEN_04_HSV: #F6FCFB; // 浅色带颜色背景
@JG_PRIMARY_GREEN_02_HSV: #FAFDFD; // 浅色带颜色背景

@primary-color-hover: @JG_PRIMARY_GREEN_84_HSV;
@primary-color-disable: @JG_PRIMARY_GREEN_52_HSV;
@primary-color-light-bgc-04: @JG_PRIMARY_GREEN_04_HSV;
@primary-color-light-bgc-08: @JG_PRIMARY_GREEN_08_HSV;
@primary-color-light-bgc: @JG_PRIMARY_GREEN_02_HSV;
@primary-color-active: #0C987E;

@neuter-gray-hover-04: @JG_BLACK_04_HSV; // 鼠标悬停 hover

// 中性灰
@JG_BLACK_TOTAL: #000; // 标题
@JG_BLACK_84: rgba(0, 0, 0, 0.84); // 正文文字
@JG_BLACK_68: rgba(0, 0, 0, 0.68);
@JG_BLACK_52: rgba(0, 0, 0, 0.52); // 辅助文字
@JG_BLACK_32: rgba(0, 0, 0, 0.32); // 占位文字、禁用态文字
@JG_BLACK_20: rgba(0, 0, 0, 0.20); // 描边色
@JG_BLACK_12: rgba(0, 0, 0, 0.12); // 分割线深（短分割线）
@JG_BLACK_08: rgba(0, 0, 0, 0.08); // 分割线浅（长分割线）
@JG_BLACK_04: rgba(0, 0, 0, 0.04); // 浅灰背景
@JG_BLACK_02: rgba(0, 0, 0, 0.02); // 组件背景、鼠标悬停

@JG_BLACK_84_HSV: #292929; // 正文文字
@JG_BLACK_68_HSV: #525252;
@JG_BLACK_52_HSV: #7A7A7A; // 辅助文字
@JG_BLACK_32_HSV: #ADADAD; // 占位文字、禁用态文字
@JG_BLACK_20_HSV: #CCCCCC; // 描边色
@JG_BLACK_12_HSV: #E0E0E0; // 分割线深（短分割线）
@JG_BLACK_08_HSV: #EBEBEB; // 分割线浅（长分割线）
@JG_BLACK_04_HSV: #F5F5F5; // 浅灰背景
@JG_BLACK_02_HSV: #FAFAFA; // 组件背景、鼠标悬停

// 冷调灰
@JG_GRAY_TOTAL: rgba(37,48,68); // 标题
@JG_GRAY_84: rgba(37,48,68,0.84); // 正文文字
@JG_GRAY_52: rgba(37,48,68,0.52); // 辅助文字
@JG_GRAY_32: rgba(37,48,68,0.32); // 占位文字、禁用态文字
@JG_GRAY_20: rgba(37,48,68,0.20); // 描边色
@JG_GRAY_12: rgba(37,48,68,0.12); // 分割线深（短分割线）
@JG_GRAY_08: rgba(37,48,68,0.08); // 分割线浅（长分割线）
@JG_GRAY_04: rgba(37,48,68,0.04); // 浅灰背景
@JG_GRAY_02: rgba(37,48,68,0.02); // 组件背景、鼠标悬停

@JG_GRAY_84_HSV: #485162; // 正文文字
@JG_GRAY_52_HSV: #8D939D; // 辅助文字
@JG_GRAY_32_HSV: #B9BCC3; // 占位文字、禁用态文字
@JG_GRAY_20_HSV: #D3D6DA; // 描边色
@JG_GRAY_12_HSV: #E4E6E8; // 分割线深（短分割线）
@JG_GRAY_08_HSV: #EEEFF0; // 分割线浅（长分割线）
@JG_GRAY_04_HSV: #F6F7F8; // 浅灰背景
@JG_GRAY_02_HSV: #FBFBFB; // 组件背景、鼠标悬停

// 白色
@JG_WHITE_TOTAL: #fff; // 悬停选中
@JG_WHITE_84: rgba(255,255,255,0.84); // 主要文字
@JG_WHITE_52: rgba(255,255,255,0.52); // 辅助文字
@JG_WHITE_32: rgba(255,255,255,0.32); // 禁用/占位
@JG_WHITE_20: rgba(255,255,255,0.2); // 分割线
@JG_WHITE_12: rgba(255,255,255,0.12); // 选中背景

// 功能色
@TIP_INFO: rgba(0, 132, 246);
@TIP_SUCCESS: rgba(35, 181, 65);
@TIP_WARN: rgba(242, 146, 23);
@TIP_ERROR: rgba(218, 20, 20);

@default-font-family: -apple-system,
    BlinkMacSystemFont,
    Roboto,
    "Segoe UI",
    "Helvetica Neue",
    "PingFang SC",
    "Noto Sans",
    "Noto Sans CJK SC",
    "Microsoft YaHei",
    "微软雅黑",
    sans-serif;