// 状态或行为
$c-cw: var(--el-color-error);
$c-gg: var(--el-color-warning);
$c-cg: var(--el-color-success);
$c-zs: var(--el-color-primary);
// 主色调
$c-zs-l-3: var(--el-color-primary-light-3);
$c-zs-l-5: var(--el-color-primary-light-5);
$c-zs-l-7: var(--el-color-primary-light-7);
$c-zs-l-8: var(--el-color-primary-light-8);
$c-zs-l-9: var(--el-color-primary-light-9);
$c-zs-a-2: var(--el-color-primary-dark-2);
// 背景
$c-bg-block: var(--el-bg-color);
$c-bg-html: var(--el-bg-color-page);
// 文字颜色
$c-text: var(--el-text-color-primary);
$c-text-1: var(--el-text-color-regular);
$c-text-2: var(--el-text-color-secondary);
$c-text-placeholder: var(--el-text-color-placeholder);
$c-text-disabled: var(--el-text-color-disabled);
// 边框
$c-border: var(--el-border-color);
$c-border-l-1: var(--el-border-color-light);
$c-border-l-2: var(--el-border-color-lighter);
$c-border-l-3: var(--el-border-color-extra-light);
$c-border-a-1: var(--el-border-color-dark);
$c-border-a-2: var(--el-border-color-darker);
$c-border-hover: var(--el-text-color-disabled);
// 阴影
$c-box-shadow: var(--el-box-shadow);
$c-box-shadow-l-1: var(--el-box-shadow-light);
$c-box-shadow-l-2: var(--el-box-shadow-lighter);
$c-box-shadow-a-1: var(--el-box-shadow-dark);
// 填充色
$c-fill: var(--el-fill-color);
$c-fill-l-1: var(--el-fill-color-light);
$c-fill-l-2: var(--el-fill-color-lighter);
$c-fill-l-3: var(--el-fill-color-extra-light);
$c-fill-a-1: var(--el-fill-dark);
$c-fill-a-2: var(--el-fill-darker);
// 禁用状态
$c-disabled-bg: var(--el-fill-color-light);
$c-disabled-text: var(--el-text-color-placeholder);
$c-disabled-border: var(--el-border-color-light);
// 遮罩
$c-mask: var(--el-mask-color);
$c-mask-1: var(--el-mask-color-extra-light);

$color-blue: #409eff;
// 固定的颜色不随主题变化而变化
$c-g-text-white: #ffffff;

$color1: #cdddf5;
$color2: #f8d6c6;
$color3: #fcebb6;
$color4: #f9c181;
$color5: #cbe2c0;
$color6: #00bcd4;
$color7: #f2c084;
$color8: #b7dbda;
$color9: #eeb0b0;
$color10: #bdd8a6;
$color11: #ead873;
$color12: #eed6ec;
$color13: #e4bda6;
$color14: #b8cbe4;
$color15: #b5e5e2;
$color16: #b0e8b7;
$color17: #e9ebab;
$color18: #d8cfa7;
$color19: #c2d19a;
$color20: #b7e8ea;
$color21: #f9d9a2;
$color22: #e8c8a1;
$color23: #c9f2f1;
$color24: #ded4e1;
$color25: #d3b1bf;
$color26: #eaa7a0;
$color27: #cce6b6;
$color28: #afe3bb;
$color29: #c8c0c8;
$color30: #b2d2b2;
$color31: #b8dcd4;
$color32: #a2aec6;
$color33: #ddc1b7;
$color34: #b7dbdd;
$color35: #eedca4;
$color36: #e6e6ab;
$color37: #accbb3;
$color38: #d8bcb5;
$color39: #5d4037;
$color40: #c0ca33;
$color41: #6d4c41;
$color42: #039be5;
$color43: #43a047;
$color44: #7b1fa2;
$color45: #e53935;
$color46: #fb8c00;
$color47: #546e7a;
$color48: #d81b60;

$bg-qt-jbs1: linear-gradient(45deg, #7c6df1, #6ea9f1);
$bg-qt-jbs2: linear-gradient(45deg, #f07f70, #fccd6d);
$bg-qt-jbs3: linear-gradient(45deg, #bd62fd, #c7aaff);
$bg-qt-jbs4: linear-gradient(45deg, #eb699d, #ff93bd);
$bg-qt-jbs5: linear-gradient(45deg, #f08d36, #f4d14f);
$bg-qt-jbs6: linear-gradient(45deg, #fe68f2, #f9a5b9);
$bg-qt-jbs7: linear-gradient(45deg, #00ccae, #6addc5);
$bg-qt-jbs8: linear-gradient(45deg, #828ff6, #70c8f4);
$bg-qt-jbs9: linear-gradient(45deg, #7bc05e, #a8cf8d);
$bg-qt-jbs10: linear-gradient(45deg, #0e97ff, #0adaf5);
$bg-qt-jbs11: linear-gradient(45deg, #f470f0, #dca3e6);
$bg-qt-jbs12: linear-gradient(45deg, #6d99f5, #93d7fe);
