@use 'element-plus/theme-chalk/src/index.scss' as *;

:root {
	--y-color-primary: #1890ff;
	--y-color-primary-1: #e6f7ff;
	--y-color-primary-2: #bae7ff;
	--y-color-primary-3: #91d5ff;
	--y-color-primary-4: #69c0ff;
	--y-color-primary-5: #40a9ff;
	--y-color-primary-6: #1890ff;
	--y-color-primary-7: #096dd9;
	--y-color-primary-8: #0050b3;
	--y-color-primary-9: #003a8c;
	--y-color-primary-10: #002766;

	--y-color-success: #52c41a;
	--y-color-success-1: #f6ffed;
	--y-color-success-2: #d9f7be;
	--y-color-success-3: #b7eb8f;
	--y-color-success-4: #95de64;
	--y-color-success-5: #73d13d;
	--y-color-success-6: #52c41a;
	--y-color-success-7: #2e4126;
	--y-color-success-8: #237804;
	--y-color-success-9: #135200;
	--y-color-success-10: #092b00;

	--y-color-warning: #faad14;
	--y-color-warning-1: #fffbe6;
	--y-color-warning-2: #fff1b8;
	--y-color-warning-3: #ffe58f;
	--y-color-warning-4: #ffd666;
	--y-color-warning-5: #ffc53d;
	--y-color-warning-6: #faad14;
	--y-color-warning-7: #d48806;
	--y-color-warning-8: #ad6800;
	--y-color-warning-9: #874d00;
	--y-color-warning-10: #613400;

	--y-color-danger: #ff4d4f;
	--y-color-danger-1: #fff1f0;
	--y-color-danger-2: #ffccc7;
	--y-color-danger-3: #ffa39e;
	--y-color-danger-4: #ff7875;
	--y-color-danger-5: #ff4d4f;
	--y-color-danger-6: #f5222d;
	--y-color-danger-7: #cf1322;
	--y-color-danger-8: #a8071a;
	--y-color-danger-9: #820014;
	--y-color-danger-10: #5c0011;

	--y-color-info: #909399;
	--y-color-info-1: #f4f4f5;
	--y-color-info-2: #dedfe0;
	--y-color-info-3: #d3d4d6;
	--y-color-info-4: #bcbec2;
	--y-color-info-5: #a6a9ad;
	--y-color-info-6: #909399;
	--y-color-info-7: #6e7074;
	--y-color-info-8: #58595c;
	--y-color-info-9: #414244;
	--y-color-info-10: #2a2b2b;

	// 变量(自定义时，只需修改这里的值)
	--y-bg-main: #fafafa;

	// color
	--y-color-bar: #2f3133;
	--y-color-text-secondary: #909399;

	// border
	--y-boder-color-lighter: #ededed;

	// element plus
	// el-table
	--table-header-background-color: var(--y-bg-main);
	--table-header-text-color: var(--y-color-bar);

	--border-color-lighter: var(--y-boder-color-lighter);
}
