@use "../base/color" as *;

/* 主色（基础色阶变量） */
$primary-1: $blue-10;
$primary-2: $blue-9;
$primary-3: $blue-8;
$primary-4: $blue-7;
$primary-5: $blue-6;
$primary-6: $blue-5;
$primary-7: $blue-4;
$primary-8: $blue-3;
$primary-9: $blue-2;
$primary-10: $blue-1;

/* 文本语义颜色 */
$text-main: $coolgrey-1;
$text-secondary: $coolgrey-3;
$text-auxiliary: $coolgrey-5;
$text-placeholder-disabled: $coolgrey-7;
$text-white: $base-white;
$text-oppo-bg: $coolgrey-10;

/* 图标颜色 */
$icon-main: $coolgrey-1;
$icon-secondary: $coolgrey-3;
$icon-auxiliary: $coolgrey-5;
$icon-placeholder-disabled: $coolgrey-7;
$icon-white: $base-white;

/* 边框语义颜色（对应 --el-border-color-*） */
$border-extra-Strong: $coolgrey-3;
$border-Strong: $coolgrey-5;
$border-main: $coolgrey-7;
$border-light: $coolgrey-9;
$border-white: $base-white;

/* 填充与分隔（对应 --el-fill-color-*、分隔线透明度） */
$divider-strong: $opacwhite-4_15;
$divider-main: $opacwhite-3_08;
$divider-light: $opacwhite-2_04;
$divider-white: $base-white;

$filled-extra-strong: $coolgrey-7;
$filled-strong: $coolgrey-8;
$filled-content: $coolgrey-9;
$filled-bottom: $coolgrey-10;
$filled-oppo: $coolgrey-10;

/* 交互反馈（Hover/Active 等透明度层级） */
$feedback-hover: $opacwhite-2_04;
$feedback-active: $opacwhite-3_08;
$feedback-accent: $blue-opac;

$opacfilled-tooltip_toast_cover: $opacwhite-9_75;
$opacfilled-main-cover: $opacwhite-7_55;
$opacfilled-light-cover: $opacwhite-6_30;

/* 状态色语义（Success/Warning/Danger 对应 --el-color-* 系列） */
$danger-main: $red-5;
$danger-hover: $red-6;
$danger-clicked: $red-4;
$danger-disabled: $red-8;
$danger-particular: $red-9;
$danger-surface: $red-10;

$success-normal: $green-5;
$success-hover: $green-6;
$success-clicked: $green-4;
$success-disabled: $green-8;
$success-particular: $green-9;
$success-surface: $green-10;

$warning-normal: $orange-5;
$warning-hover: $orange-6;
$warning-clicked: $orange-4;
$warning-disabled: $orange-8;
$warning-particular: $orange-9;
$warning-surface: $orange-10;

$classifyapplication-yellow-background: $yellow-10;
$classifyapplication-yellow-border: $yellow-8;
$classifyapplication-yellow-content: $yellow-5;
$classifyapplication-lightblue-background: $lightblue-10;
$classifyapplication-lightblue-border: $lightblue-8;
$classifyapplication-lightblue-content: $lightblue-5;
$classifyapplication-cyan-background: $cyan-10;
$classifyapplication-cyan-border: $cyan-8;
$classifyapplication-cyan-content: $cyan-5;
$classifyapplication-purple-background: $purple-10;
$classifyapplication-purple-border: $purple-8;
$classifyapplication-purple-content: $purple-5;
$classifyapplication-grape-background: $grape-10;
$classifyapplication-grape-border: $grape-8;
$classifyapplication-grape-content: $grape-5;
$classifyapplication-pink-background: $pink-10;
$classifyapplication-pink-border: $pink-8;
$classifyapplication-pink-content: $pink-5;
$classifyapplication-volcano-background: $volcano-10;
$classifyapplication-volcano-border: $volcano-8;
$classifyapplication-volcano-content: $volcano-5;