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

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

/* 文本语义颜色 */
$text-main: $coolgrey-10;
$text-secondary: $coolgrey-8;
$text-auxiliary: $coolgrey-6;
$text-placeholder-disabled: $coolgrey-4;
$text-white: $base-white;
$text-oppo-bg: $base-white;

/* 图标颜色 */
$icon-main: $coolgrey-10;
$icon-secondary: $coolgrey-8;
$icon-auxiliary: $coolgrey-6;
$icon-placeholder-disabled: $coolgrey-4;
$icon-white: $base-white;

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

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

$filled-extra-strong: $coolgrey-4;
$filled-strong: $coolgrey-3;
$filled-content: $coolgrey-2;
$filled-bottom: $coolgrey-1;
$filled-oppo: $base-white;

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

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

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

$success-normal: $green-6;
$success-hover: $green-5;
$success-clicked: $green-7;
$success-disabled: $green-3;
$success-particular: $green-2;
$success-surface: $green-1;

$warning-normal: $orange-6;
$warning-hover: $orange-5;
$warning-clicked: $orange-7;
$warning-disabled: $orange-3;
$warning-particular: $orange-2;
$warning-surface: $orange-1;

$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;