@import 'colorPalette';

 /**  color palettes */
 /**  黑色系 */
@black-1: #f7f8fa;  /** 禁用填充 */
@black-2: #f2f3f5;  /** 表头底色 */
@black-3: #e5e6eb;  /** 分割线/描边 */
@black-4: #c9cdd4;  /** 置灰信息/置灰图标 */
@black-5: #a9a7b8;  /** 暂定 */
@black-6: #86909c;  /** 次要信息 */
@black-7: #6b7785;  /** 暂定 */
@black-8: #4e5969;  /** 次强调/正文/图标 */
@black-9: #272e3b;  /** 暂定 */
@black-10: #1d2129;  /** 强调/正文标题 */

 /** 蓝色系 */
@blue-1: color(~`colorPalette('@{blue-6}', 1) `);  /** 浅色背景/白底悬浮 */
@blue-2: color(~`colorPalette('@{blue-6}', 2) `);  /** 文字禁用 */
@blue-3: color(~`colorPalette('@{blue-6}', 3) `);  /** 蓝色按钮禁用 */
@blue-4: color(~`colorPalette('@{blue-6}', 4) `);  /** 暂定 */
@blue-5: color(~`colorPalette('@{blue-6}', 5) `);  /** 悬浮 */
@blue-6: #165DFF;  /** 常规 */
@blue-7: color(~`colorPalette('@{blue-6}', 7) `);  /** 点击 */
@blue-8: color(~`colorPalette('@{blue-6}', 8) `);  /** 暂定 */
@blue-9: color(~`colorPalette('@{blue-6}', 9) `);  /** 暂定 */
@blue-10: color(~`colorPalette('@{blue-6}', 10) `);  /** 暂定 */

 /** 绿色系 */
@green-1: color(~`colorPalette('@{green-6}', 1) `);
@green-2: color(~`colorPalette('@{green-6}', 2) `);
@green-3: color(~`colorPalette('@{green-6}', 3) `);
@green-4: color(~`colorPalette('@{green-6}', 4) `);
@green-5: color(~`colorPalette('@{green-6}', 5) `);
@green-6: #00B42A;
@green-7: color(~`colorPalette('@{green-6}', 7) `);
@green-8: color(~`colorPalette('@{green-6}', 8) `);
@green-9: color(~`colorPalette('@{green-6}', 9) `);
@green-10: color(~`colorPalette('@{green-6}', 10) `);

 /** 橙色系 */
@orange-1: color(~`colorPalette('@{orange-6}', 1) `);
@orange-2: color(~`colorPalette('@{orange-6}', 2) `);
@orange-3: color(~`colorPalette('@{orange-6}', 3) `);
@orange-4: color(~`colorPalette('@{orange-6}', 4) `);
@orange-5: color(~`colorPalette('@{orange-6}', 5) `);
@orange-6: #ff7d00;
@orange-7: color(~`colorPalette('@{orange-6}', 7) `);
@orange-8: color(~`colorPalette('@{orange-6}', 8) `);
@orange-9: color(~`colorPalette('@{orange-6}', 9) `);
@orange-10: color(~`colorPalette('@{orange-6}', 10) `);

 /** 红色系 */
@red-1: color(~`colorPalette('@{red-6}', 1) `);
@red-2: color(~`colorPalette('@{red-6}', 2) `);
@red-3: color(~`colorPalette('@{red-6}', 3) `);
@red-4: color(~`colorPalette('@{red-6}', 4) `);
@red-5: color(~`colorPalette('@{red-6}', 5) `);
@red-6: #f53f3f;
@red-7: color(~`colorPalette('@{red-6}', 7) `);
@red-8: color(~`colorPalette('@{red-6}', 8) `);
@red-9: color(~`colorPalette('@{red-6}', 9) `);
@red-10: color(~`colorPalette('@{red-6}', 10) `);

@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
  purple;