/**
* @author linhd
* @date 2023/4/11 14:16
* @description 最新色卡
*/

// 组件库前缀
$prefixCls: 'paraui-v4';
// rc组件前缀
$rcPrefixCls: 'component';

// 字体
$font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
$large: 18px;
$medium: 16px;
$small: 14px;
$smallest: 12px;

$normal: 400;
$weightMedium: 500;
$bold: 700;

// 全局弹窗index,往body里面插入的,比如toolTip,popover这类
$ZIndexBody: 1500;

// 下拉 浮层 最大高
$dropdownMaxHeight: 320px;

// 下拉浮层每项内容的高度
$dropdownItemHeight: 30px;

// -------- UI提供的色卡--------//
// 主题色
$NP1: rgba(46, 101, 230, 1); // 主题蓝
$NPT8: rgba(87, 131, 235, 1); // (80%)Hover
$NPT2: rgba(213, 224, 250, 1); // (20%)黛色分割线
$NPT05: rgba(240, 245, 255, 1); // (5%)背景
$NPT10: rgba(233,239,255,1); // (10%)hover背景
$NP2: rgba(46, 101, 230, 0.1); // (15%)背景

// 文字色
$NT1: rgba(29, 33, 38, 1); // 一级文案
$NT2: rgba(92, 101, 115, 1); // 二级文案
$NT3: rgba(161, 168, 179, 1); // 三级文案

// 辅助色
$NA1: rgba(212, 218, 227, 1); // 描边、分割线
$NA2: rgba(234, 236, 241, 1); // 分割线
$NA3: rgba(247, 248, 250, 1); // 背景
$NA4: rgba(255, 255, 255, 1); // 万能色
$NA5: rgba(255, 255, 255, 0.5); // 万能色
$NA6: rgba(255, 255, 255, 0.3); // 万能色

// 导航色
$NB1: rgba(28, 41, 60, 1); // 深色导航背景
$NB2: rgba(34, 54, 102, 1); // 深色导航背景 - 选中&Hover

// 渐变色
$NC1: linear-gradient(90deg, rgba(46, 101, 230, 1) 50%, rgba(240, 245, 255, 1) 100%); // 渐变色

// 透明色
$ND1: rgba(29, 33, 38, 0.9); // 背景、蒙层
$ND2: rgba(29, 33, 38, 0.4); // 背景
$ND3: rgba(212, 218, 227, 0.4); // 投影

//////////// 状态色 //////////////
// 基准色
$NE1: rgba(19, 191, 76, 1); // 辅助色（成功）
$NE2: rgba(19, 191, 76, 0.1); //辅助色（成功）
$NET05: rgba(232, 252, 239, 1); // 辅助色（成功）

$NF1: rgba(255, 147, 38, 1); // 辅助色（警示）
$NF2: rgba(255, 147, 38, 0.1); // 辅助色（警示）
$NFT05: rgba(255, 246, 235, 1); // 辅助色（警示）

$NG1: rgba(244, 66, 66, 1); // 辅助色（失败、错误）
$NG2: rgba(244, 66, 66, 0.1); // 辅助色（失败、错误）
$NGT8: rgba(246, 103, 103, 1); // 辅助色（失败、错误）
$NGT05: rgba(255, 235, 235, 1); // 辅助色（失败、错误）

// 常用
$NJ1: rgba(38, 129, 255, 1);
$NK1: rgba(38, 129, 255, 0.1);
$NJ2: rgba(19, 163, 191, 1);
$NK2: rgba(19, 163, 191, 0.1);
$NJ3: rgba(70, 70, 230, 1);
$NK3: rgba(70, 70, 230, 0.1);
$NJ4: rgba(11, 97, 217, 1);
$NK4: rgba(11, 97, 217, 0.1);
$NJ5: rgba(255, 185, 0, 1);
$NK5: rgba(255, 185, 0, 0.1);
$NJ6: rgba(204, 61, 204, 1);
$NK6: rgba(204, 61, 204, 0.1);
$NJ7: rgba(134, 50, 245, 1);
$NK7: rgba(134, 50, 245, 0.1);
$NJ8: rgba(200, 20, 15, 1);
$NK8: rgba(200, 20, 15, 0.1);

// 其他
$NL1: rgba(20, 153, 255, 1);
$NM1: rgba(20, 153, 255, 0.1);
$NL2: rgba(0, 180, 170, 1);
$NM2: rgba(0, 180, 170, 0.1);
$NL3: rgba(9, 94, 179, 1);
$NM3: rgba(9, 94, 179, 0.1);
$NL4: rgba(182, 61, 242, 1);
$NM4: rgba(182, 61, 242, 0.1);
$NL5: rgba(242, 91, 61, 1);
$NM5: rgba(242, 91, 61, 0.1);
$NL6: rgba(90, 210, 0, 1);
$NM6: rgba(90, 210, 0, 0.1);
$NL7: rgba(255, 111, 38, 1);
$NM7: rgba(255, 111, 38, 0.1);

// 阴影
$boxShadow: 1px 1px 10px 2px $ND3;
$boxShadowLeft: inset -10px 0 10px -8px $NA2; // 表格固定列
$boxShadowRight: inset 10px 0 10px -8px $NA2; // 表格固定列
$boxShadowD3: 0px 2px 8px 0px $ND3; // 表格固定列
$radius-sm: 2px;
$radius: 4px;
$radius-lg: 8px;