/**
 * Design Tokens - CSS Variables
 * Auto-generated from Figma token files
 */

:root {
  /* ===== PRIMITIVE TOKENS ===== */
  /* PRIMITIVE THEME TOKENS */


--color-brand-golden-100: #F4E6D5;

--color-brand-golden-200: #EED9C0;

--color-brand-golden-300: #E7C8A3;

--color-brand-golden-400: #E2BD91;

--color-brand-golden-50: #FBF7F1;

--color-brand-golden-500: #DBAD76;

--color-brand-golden-600: #C79D6B;

--color-brand-golden-700: #AE7F47;

--color-brand-golden-800: #6F4E20;

--color-brand-golden-900: #2F2922;

--color-brand-green-100: #B2D4D0;

--color-brand-green-200: #8CC0BA;

--color-brand-green-300: #58A39A;

--color-brand-green-400: #379186;

--color-brand-green-50: #E6F1F0;

--color-brand-green-500: #057568;

--color-brand-green-600: #056A5F;

--color-brand-green-700: #04534A;

--color-brand-green-800: #122B28;

--color-brand-green-900: #002D28;

--color-decorative-blue-100: #BFE8EA;

--color-decorative-blue-200: #9FDDE0;

--color-decorative-blue-300: #74CDD2;

--color-decorative-blue-400: #59C3C9;

--color-decorative-blue-50: #EAF8F8;

--color-decorative-blue-500: #2FB4BC;

--color-decorative-blue-600: #2BA4AB;

--color-decorative-blue-700: #218085;

--color-decorative-blue-800: #1A6367;

--color-decorative-blue-900: #144C4F;

--color-feature-blue-dark-100: #244161;

--color-feature-blue-dark-200: #335C8A;

--color-feature-blue-dark-300: #4577B1;

--color-feature-blue-dark-400: #5C94D7;

--color-feature-blue-dark-50: #1A2B3D;

--color-feature-blue-dark-500: #7FB0EB;

--color-feature-blue-dark-600: #9AC1F0;

--color-feature-blue-dark-700: #B5D2F4;

--color-feature-blue-dark-800: #D1E3F9;

--color-feature-blue-dark-900: #ECF4FD;

--color-feature-blue-light-100: #C0D4E9;

--color-feature-blue-light-200: #A2C0DE;

--color-feature-blue-light-300: #77A3CF;

--color-feature-blue-light-400: #5D91C5;

--color-feature-blue-light-50: #ECF1F7;

--color-feature-blue-light-500: #3475B7;

--color-feature-blue-light-600: #2F6AA7;

--color-feature-blue-light-700: #255382;

--color-feature-blue-light-800: #1D4065;

--color-feature-blue-light-900: #16314D;

--color-feature-green-dark-100: #284A36;

--color-feature-green-dark-200: #386B4D;

--color-feature-green-dark-300: #4B8E65;

--color-feature-green-dark-400: #62B180;

--color-feature-green-dark-50: #1B2D22;

--color-feature-green-dark-500: #80D2A0;

--color-feature-green-dark-600: #9ADDB5;

--color-feature-green-dark-700: #B5E8C9;

--color-feature-green-dark-800: #D1F3DE;

--color-feature-green-dark-900: #ECF9F2;

--color-feature-green-light-100: #BBD9CA;

--color-feature-green-light-200: #87C5A5;

--color-feature-green-light-300: #4DB27F;

--color-feature-green-light-400: #2BA166;

--color-feature-green-light-50: #E9F3EE;

--color-feature-green-light-500: #238554;

--color-feature-green-light-600: #20794C;

--color-feature-green-light-700: #195E3C;

--color-feature-green-light-800: #13492E;

--color-feature-green-light-900: #0F3823;

--color-feature-orange-dark-100: #5C3E1F;

--color-feature-orange-dark-200: #825A2C;

--color-feature-orange-dark-300: #A6763A;

--color-feature-orange-dark-400: #C8914A;

--color-feature-orange-dark-50: #3A2A1A;

--color-feature-orange-dark-500: #E0AC69;

--color-feature-orange-dark-600: #E8BD85;

--color-feature-orange-dark-700: #EFCEA4;

--color-feature-orange-dark-800: #F5DFC3;

--color-feature-orange-dark-900: #FBF0E2;

--color-feature-orange-light-100: #F4DBB9;

--color-feature-orange-light-200: #EEC999;

--color-feature-orange-light-300: #E7B069;

--color-feature-orange-light-400: #E2993C;

--color-feature-orange-light-50: #FCF3E8;

--color-feature-orange-light-500: #E88D17;

--color-feature-orange-light-600: #B25F00;

--color-feature-orange-light-700: #A16311;

--color-feature-orange-light-800: #804800;

--color-feature-orange-light-900: #613700;

--color-feature-red-dark-100: #622B2E;

--color-feature-red-dark-200: #8B3A3F;

--color-feature-red-dark-300: #B14D53;

--color-feature-red-dark-400: #D46269;

--color-feature-red-dark-50: #3E1F21;

--color-feature-red-dark-500: #E5868B;

--color-feature-red-dark-600: #EB9EA3;

--color-feature-red-dark-700: #F1B7BB;

--color-feature-red-dark-800: #F6D0D3;

--color-feature-red-dark-900: #FBE9EA;

--color-feature-red-light-100: #F6D5D6;

--color-feature-red-light-200: #ECA7A9;

--color-feature-red-light-300: #E37E82;

--color-feature-red-light-400: #DD6569;

--color-feature-red-light-50: #FAEDED;

--color-feature-red-light-500: #D53F44;

--color-feature-red-light-600: #C2393E;

--color-feature-red-light-700: #972D30;

--color-feature-red-light-800: #752325;

--color-feature-red-light-900: #591A1D;

--color-neutrals-alpha-black-10: #000000;

--color-neutrals-alpha-black-20: #000000;

--color-neutrals-alpha-black-30: #000000;

--color-neutrals-alpha-black-40: #000000;

--color-neutrals-alpha-black-50: #000000;

--color-neutrals-alpha-black-60: #000000;

--color-neutrals-alpha-black-70: #000000;

--color-neutrals-alpha-black-80: #000000;

--color-neutrals-alpha-black-90: #000000;

--color-neutrals-alpha-white-10: #FFFFFF;

--color-neutrals-alpha-white-20: #FFFFFF;

--color-neutrals-alpha-white-30: #FFFFFF;

--color-neutrals-alpha-white-40: #FFFFFF;

--color-neutrals-alpha-white-50: #FFFFFF;

--color-neutrals-alpha-white-60: #FFFFFF;

--color-neutrals-alpha-white-70: #FFFFFF;

--color-neutrals-alpha-white-80: #FFFFFF;

--color-neutrals-alpha-white-90: #FFFFFF;

--color-neutrals-g0: #FFFFFF;

--color-neutrals-g10: #F7F8F8;

--color-neutrals-g100: #878D8D;

--color-neutrals-g1000: #000000;

--color-neutrals-g20: #F2F3F3;

--color-neutrals-g200: #727A79;

--color-neutrals-g30: #ECEEEE;

--color-neutrals-g300: #636968;

--color-neutrals-g40: #E0E2E2;

--color-neutrals-g400: #5C6161;

--color-neutrals-g50: #C4C8C8;

--color-neutrals-g500: #4D5151;

--color-neutrals-g60: #B0B5B4;

--color-neutrals-g600: #414545;

--color-neutrals-g70: #ABAFAF;

--color-neutrals-g700: #282A2A;

--color-neutrals-g80: #9CA2A1;

--color-neutrals-g800: #191A1A;

--color-neutrals-g90: #8E9494;

--color-neutrals-g900: #0F1010;

--radius-0: 0;

--radius-12: 12;

--radius-16: 16;

--radius-2: 2;

--radius-20: 20;

--radius-24: 24;

--radius-4: 4;

--radius-8: 8;

--radius-full: 9999;

--spacing-0: 0;

--spacing-12: 12;

--spacing-120: 120;

--spacing-16: 16;

--spacing-160: 160;

--spacing-2: -2;

--spacing-20: 20;

--spacing-200: 200;

--spacing-220: 220;

--spacing-24: 24;

--spacing-32: 32;

--spacing-384: 384;

--spacing-4: -4;

--spacing-40: 40;

--spacing-48: 48;

--spacing-56: 56;

--spacing-64: 64;

--spacing-8: 8;

--spacing-80: 80;

--stroke-0: 0;

--stroke-1: 1;

--stroke-2: 2;

--stroke-3: 3;

--stroke-4: 4;

--stroke-point1: 0.5;

--stroke-point2: 1.5;

  /* ===== SEMANTIC LIGHT THEME ===== */
  /* SEMANTIC LIGHT THEME TOKENS */

  /* 主背景、基础层底色 */
--color-background-primary: #FFFFFF;
  /* 页面分区背景 */
--color-background-secondary: #F7F8F8;
  /* 遮罩 */
--color-background-strong-overlay: #000000;
  /* 弱化区域背景、分组背景 */
--color-background-tertiary: #F2F3F3;
  /* 轻量遮罩 */
--color-background-weak-overlay: #000000;
  /* 品牌金边框默认 */
--color-border-accent-brand-goden: #EED9C0;

--color-border-accent-brand-goden-soft: #FBF7F1;
  /* 品牌金边框加深 */
--color-border-accent-brand-goden-strong: #C79D6B;
  /* 品牌绿边框默认 */
--color-border-accent-brand-green: #8CC0BA;
  /* 品牌绿边框浅 */
--color-border-accent-brand-green-soft: #E6F1F0;
  /* 品牌绿边框加深 */
--color-border-accent-brand-green-strong: #056A5F;

--color-border-accent-business1: #9FDDE0;

--color-border-accent-business1-soft: #EAF8F8;

--color-border-accent-business1-strong: #2FB4BC;
  /* 按钮默认态 */
--color-border-active-default: #000000;
  /* 按钮默认态-强有色背景 */
--color-border-active-default-strong: #000000;
  /* 按钮禁用态 */
--color-border-active-disabled: #000000;
  /* 按钮点击态 */
--color-border-active-selected: #000000;
  /* 常规边框、分割线 */
--color-border-divider-default: #000000;
  /* 轻量Frame边框、分割线 */
--color-border-divider-soft: #000000;
  /* 弱边界、分割线 */
--color-border-divider-solid: #000000;
  /* 常规边框 */
--color-border-divider-strong: #000000;
  /* 错误状态边框 */
--color-border-status-error: #E37E82;
  /* 禁用态 */
--color-border-status-info: #77A3CF;
  /* 成功状态边框 */
--color-border-status-success: #4DB27F;
  /* 告警状态边框 */
--color-border-status-waring: #E7B069;
  /* 品牌金默认填充色 */
--color-fill-accent-brand-golden-default: #DBAD76;
  /* 品牌金较浅填充色 */
--color-fill-accent-brand-golden-soft: #FBF7F1;
  /* 品牌金较强填充色 */
--color-fill-accent-brand-golden-strong: #F4E6D5;
  /* 品牌绿默认填充色 */
--color-fill-accent-brand-green-default: #057568;
  /* 品牌绿较浅填充色 */
--color-fill-accent-brand-green-soft: #E6F1F0;
  /* 品牌绿较强填充色 */
--color-fill-accent-brand-green-strong: #B2D4D0;
  /* 智驾默认填充色 */
--color-fill-accent-business1-default: #2FB4BC;
  /* 智驾较浅填充色 */
--color-fill-accent-business1-soft: #EAF8F8;
  /* 智驾较强填充色 */
--color-fill-accent-business1-strong: #BFE8EA;
  /* 交互点击态填充色 */
--color-fill-action-active: #282A2A;
  /* 次级交互填充色 */
--color-fill-action-disabel-alpha: #000000;
  /* 交互禁用填充色 */
--color-fill-action-disabled: #F7F8F8;
  /* 高对比度填充色 */
--color-fill-action-high-contrast: #FFFFFF;
  /* 主操作填充色 */
--color-fill-action-primary: #0F1010;
  /* 中性操作填充色 */
--color-fill-action-secondary: #F2F3F3;
  /* 次级交互填充色 */
--color-fill-action-strong-overlay: #000000;
  /* 三级交互填充色 */
--color-fill-action-tertiary: #E0E2E2;
  /* 次级交互填充色 */
--color-fill-action-weak-overlay: #000000;
  /* 错误弱填充 */
--color-fill-status-error-soft: #FAEDED;
  /* 错误强填充 */
--color-fill-status-error-strong: #D53F44;
  /* 信息弱填充 */
--color-fill-status-info-soft: #ECF1F7;
  /* 信息强填充 */
--color-fill-status-info-strong: #3475B7;
  /* 灰色默认填充 */
--color-fill-status-neutral-default: #878D8D;
  /* 灰色弱填充 */
--color-fill-status-neutral-soft: #E0E2E2;
  /* 灰色强填充 */
--color-fill-status-neutral-strong: #0F1010;
  /* 成功弱填充 */
--color-fill-status-success-soft: #E9F3EE;
  /* 成功强填充 */
--color-fill-status-success-strong: #238554;
  /* 告警弱填充 */
--color-fill-status-warning-soft: #FCF3E8;
  /* 告警强填充 */
--color-fill-status-warning-strong: #E88D17;

--color-icon-accent-brand-golden: #DBAD76;

--color-icon-accent-brand-golden-strong: #6F4E20;

--color-icon-accent-brand-green: #057568;

--color-icon-accent-brand-green-strong: #122B28;

--color-icon-accent-business: #2FB4BC;

--color-icon-accent-business-strong: #1A6367;
  /* 辅助说明文本 */
--color-icon-solid-caption: #878D8D;
  /* 禁用态文本 */
--color-icon-solid-disabled: #C4C8C8;
  /* 特殊对比文本 */
--color-icon-solid-high-contrast: #FFFFFF;
  /* 占位符 */
--color-icon-solid-placeholder: #B0B5B4;
  /* 主文本 */
--color-icon-solid-primary: #0F1010;
  /* 次级文本 */
--color-icon-solid-secondary: #636968;
  /* 错误icon */
--color-icon-status-error: #E37E82;
  /* 信息icon */
--color-icon-status-info: #77A3CF;
  /* 信息icon */
--color-icon-status-info-disabel: #A2C0DE;
  /* 成功icon */
--color-icon-status-success: #4DB27F;
  /* 告警icon */
--color-icon-status-warning: #E7B069;
  /* （白背景）品牌金文字 */
--color-text-accent-brand-golden: #DBAD76;
  /* （有背景）品牌金文字 */
--color-text-accent-brand-golden-strong: #6F4E20;
  /* （白背景）品牌绿文字 */
--color-text-accent-brand-green: #057568;
  /* （有背景）品牌绿文字 */
--color-text-accent-brand-green-strong: #04534A;
  /* （白背景）智驾文字 */
--color-text-accent-business: #2FB4BC;
  /* （有背景）智驾文字 */
--color-text-accent-business-strong: #1A6367;
  /* 辅助说明文本 */
--color-text-alpha-caption: #000000;
  /* 禁用态文本 */
--color-text-alpha-disabled: #000000;
  /* 占位符 */
--color-text-alpha-placeholder: #000000;
  /* 主文本 */
--color-text-alpha-primary: #000000;
  /* 次级文本 */
--color-text-alpha-secondary: #000000;
  /* 辅助说明文本 */
--color-text-solid-caption: #878D8D;
  /* 禁用态文本 */
--color-text-solid-disabled: #C4C8C8;
  /* 特殊对比文本 */
--color-text-solid-high-contrast: #FFFFFF;
  /* 占位符 */
--color-text-solid-placeholder: #B0B5B4;
  /* 主文本 */
--color-text-solid-primary: #0F1010;
  /* 次级文本 */
--color-text-solid-secondary: #636968;
  /* （白背景）报错提示 */
--color-text-status-error: #D53F44;
  /* （有背景色）报错提示 */
--color-text-status-error-strong: #C2393E;
  /* （白背景）信息、链接 */
--color-text-status-info: #3475B7;
  /* （禁用态）信息、链接 */
--color-text-status-info-disable: #A2C0DE;
  /* （有背景）信息、链接 */
--color-text-status-info-strong: #2F6AA7;
  /* （白背景）成功信息 */
--color-text-status-success: #238554;
  /* （有背景）成功信息 */
--color-text-status-success-strong: #20794C;
  /* （白背景）告警信息 */
--color-text-status-warning: #E88D17;
  /* （有背景）告警信息 */
--color-text-status-warning-strong: #B25F00;

--radius-component-full: var(--radius-full);

--radius-component-none: var(--radius-0);

--radius-component-slight: var(--radius-2);

--radius-component-soft: var(--radius-8);

--radius-component-standard: var(--radius-4);

--radius-container-rounded: var(--radius-20);

--radius-container-slight: var(--radius-4);

--radius-container-slighter: var(--radius-0);

--radius-container-soft: var(--radius-16);

--radius-container-standard: var(--radius-8);

--spacing-content-loose: var(--spacing-8);

--spacing-content-looser: var(--spacing-12);

--spacing-content-looserr: var(--spacing-16);

--spacing-content-looserrr: var(--spacing-20);

--spacing-content-normal: var(--spacing-4);

--spacing-content-tight: var(--spacing-2);

--spacing-content-tighter: var(--spacing-0);

--spacing-gap-loose: var(--spacing-12);

--spacing-gap-looser: var(--spacing-16);

--spacing-gap-looserr: var(--spacing-20);

--spacing-gap-looserrr: var(--spacing-24);

--spacing-gap-looserrrr: var(--spacing-32);

--spacing-gap-normal: var(--spacing-8);

--spacing-gap-tight: var(--spacing-4);

--spacing-gap-tighter: var(--spacing-2);

--spacing-gap-tighterr: var(--spacing-0);

--spacing-gap-tighterrr: var(--spacing-2);

--spacing-gap-tighterrrr: var(--spacing-4);

--spacing-layout-page-edge-loose: var(--spacing-384);

--spacing-layout-page-edge-normal: var(--spacing-220);

--spacing-layout-section-between-l: var(--spacing-32);

--spacing-layout-section-between-m: var(--spacing-24);

--spacing-layout-section-between-s: var(--spacing-20);

--spacing-layout-section-between-xl: var(--spacing-40);

--spacing-layout-section-between-xs: var(--spacing-16);

--spacing-layout-section-between-xxl: var(--spacing-80);

--spacing-layout-section-between-xxs: var(--spacing-12);

--spacing-layout-section-between-xxxl: var(--spacing-120);

--spacing-layout-section-inner-l: var(--spacing-80);

--spacing-layout-section-inner-m: var(--spacing-64);

--spacing-layout-section-inner-s: var(--spacing-40);

--spacing-layout-section-inner-xl: var(--spacing-120);

--spacing-layout-section-inner-xs: var(--spacing-32);

--spacing-layout-section-inner-xxl: var(--spacing-160);

--spacing-layout-section-inner-xxs: var(--spacing-24);

--spacing-layout-section-inner-xxxl: var(--spacing-220);

--spacing-layout-section-inner-xxxs: var(--spacing-20);

--spacing-layout-section-inner-xxxxl: var(--spacing-384);

--spacing-layout-section-inner-xxxxs: var(--spacing-16);

--spacing-padding-l: var(--spacing-16);

--spacing-padding-m: var(--spacing-12);

--spacing-padding-s: var(--spacing-8);

--spacing-padding-xl: var(--spacing-20);

--spacing-padding-xs: var(--spacing-4);

--spacing-padding-xxl: var(--spacing-24);

--spacing-padding-xxs: var(--spacing-2);

--spacing-padding-xxxl: var(--spacing-32);

--spacing-padding-xxxs: var(--spacing-0);

--stroke-border-default: var(--stroke-1);

--stroke-border-strong: var(--stroke-point2);

--stroke-border-stronger: var(--stroke-3);

--stroke-border-subtle: var(--stroke-point1);

--stroke-divider-default: var(--stroke-1);

--stroke-divider-strong: var(--stroke-point2);

--stroke-divider-stronger: var(--stroke-2);

--stroke-divider-subtle: var(--stroke-point1);
}

[data-theme="dark"] {
  /* ===== SEMANTIC DARK THEME ===== */
  /* SEMANTIC DARK THEME TOKENS */

  /* 主背景、基础层底色 */
--color-background-primary: #0F1010;
  /* 页面分区背景 */
--color-background-secondary: #191A1A;
  /* 遮罩 */
--color-background-strong-overlay: #FFFFFF;
  /* 弱化区域背景、分组背景 */
--color-background-tertiary: #282A2A;
  /* 轻量遮罩 */
--color-background-weak-overlay: #FFFFFF;
  /* 品牌金边框默认 */
--color-border-accent-brand-goden: #AE7F47;

--color-border-accent-brand-goden-soft: #2F2922;
  /* 品牌金边框加深 */
--color-border-accent-brand-goden-strong: #C79D6B;
  /* 品牌绿边框默认 */
--color-border-accent-brand-green: #04534A;
  /* 品牌绿边框浅 */
--color-border-accent-brand-green-soft: #002D28;
  /* 品牌绿边框加深 */
--color-border-accent-brand-green-strong: #056A5F;

--color-border-accent-business1: #1A6367;

--color-border-accent-business1-soft: #144C4F;

--color-border-accent-business1-strong: #2FB4BC;
  /* 按钮默认态 */
--color-border-active-default: #FFFFFF;
  /* 按钮默认态-强有色背景 */
--color-border-active-default-strong: #FFFFFF;
  /* 按钮禁用态 */
--color-border-active-disabled: #FFFFFF;
  /* 按钮点击态 */
--color-border-active-selected: #FFFFFF;
  /* 常规边框、分割线 */
--color-border-divider-default: #FFFFFF;
  /* 轻量Frame边框、分割线 */
--color-border-divider-soft: #FFFFFF;
  /* 弱边界、分割线 */
--color-border-divider-solid: #FFFFFF;
  /* 常规边框 */
--color-border-divider-strong: #FFFFFF;
  /* 错误状态边框 */
--color-border-status-error: #B14D53;
  /* 禁用态 */
--color-border-status-info: #4577B1;
  /* 成功状态边框 */
--color-border-status-success: #4B8E65;
  /* 告警状态边框 */
--color-border-status-waring: #A6763A;
  /* 品牌金默认填充色 */
--color-fill-accent-brand-golden-default: #DBAD76;
  /* 品牌金较浅填充色 */
--color-fill-accent-brand-golden-soft: #2F2922;
  /* 品牌金较强填充色 */
--color-fill-accent-brand-golden-strong: #6F4E20;
  /* 品牌绿默认填充色 */
--color-fill-accent-brand-green-default: #057568;
  /* 品牌绿较浅填充色 */
--color-fill-accent-brand-green-soft: #002D28;
  /* 品牌绿较强填充色 */
--color-fill-accent-brand-green-strong: #122B28;
  /* 智驾默认填充色 */
--color-fill-accent-business1-default: #2FB4BC;
  /* 智驾较浅填充色 */
--color-fill-accent-business1-soft: #144C4F;
  /* 智驾较强填充色 */
--color-fill-accent-business1-strong: #1A6367;
  /* 交互点击态填充色 */
--color-fill-action-active: #ECEEEE;
  /* 次级交互填充色 */
--color-fill-action-disabel-alpha: #FFFFFF;
  /* 交互禁用填充色 */
--color-fill-action-disabled: #191A1A;
  /* 高对比度填充色 */
--color-fill-action-high-contrast: #0F1010;
  /* 主操作填充色 */
--color-fill-action-primary: #F7F8F8;
  /* 中性操作填充色 */
--color-fill-action-secondary: #282A2A;
  /* 次级交互填充色 */
--color-fill-action-strong-overlay: #FFFFFF;
  /* 三级交互填充色 */
--color-fill-action-tertiary: #414545;
  /* 次级交互填充色 */
--color-fill-action-weak-overlay: #FFFFFF;
  /* 错误弱填充 */
--color-fill-status-error-soft: #3E1F21;
  /* 错误强填充 */
--color-fill-status-error-strong: #E5868B;
  /* 信息弱填充 */
--color-fill-status-info-soft: #16314D;
  /* 信息强填充 */
--color-fill-status-info-strong: #7FB0EB;
  /* 灰色默认填充 */
--color-fill-status-neutral-default: #9CA2A1;
  /* 灰色弱填充 */
--color-fill-status-neutral-soft: #414545;
  /* 灰色强填充 */
--color-fill-status-neutral-strong: #FFFFFF;
  /* 成功弱填充 */
--color-fill-status-success-soft: #1B2D22;
  /* 成功强填充 */
--color-fill-status-success-strong: #80D2A0;
  /* 告警弱填充 */
--color-fill-status-warning-soft: #3A2A1A;
  /* 告警强填充 */
--color-fill-status-warning-strong: #E0AC69;

--color-icon-accent-brand-golden: #DBAD76;

--color-icon-accent-brand-golden-strong: #EED9C0;

--color-icon-accent-brand-green: #057568;

--color-icon-accent-brand-green-strong: #8CC0BA;

--color-icon-accent-business: #2FB4BC;

--color-icon-accent-business-strong: #9FDDE0;
  /* 辅助说明文本 */
--color-icon-solid-caption: #8E9494;
  /* 禁用态文本 */
--color-icon-solid-disabled: #4D5151;
  /* 特殊对比文本 */
--color-icon-solid-high-contrast: #0F1010;
  /* 占位符 */
--color-icon-solid-placeholder: #636968;
  /* 主文本 */
--color-icon-solid-primary: #F7F8F8;
  /* 次级文本 */
--color-icon-solid-secondary: #C4C8C8;
  /* 错误icon */
--color-icon-status-error: #B14D53;
  /* 信息icon */
--color-icon-status-info: #4577B1;
  /* 信息icon */
--color-icon-status-info-disabel: #335C8A;
  /* 成功icon */
--color-icon-status-success: #4B8E65;
  /* 告警icon */
--color-icon-status-warning: #A6763A;
  /* （白背景）品牌金文字 */
--color-text-accent-brand-golden: #DBAD76;
  /* （有背景）品牌金文字 */
--color-text-accent-brand-golden-strong: #EED9C0;
  /* （白背景）品牌绿文字 */
--color-text-accent-brand-green: #057568;
  /* （有背景）品牌绿文字 */
--color-text-accent-brand-green-strong: #8CC0BA;
  /* （白背景）智驾文字 */
--color-text-accent-business: #2FB4BC;
  /* （有背景）智驾文字 */
--color-text-accent-business-strong: #9FDDE0;
  /* 辅助说明文本 */
--color-text-alpha-caption: #FFFFFF;
  /* 禁用态文本 */
--color-text-alpha-disabled: #FFFFFF;
  /* 占位符 */
--color-text-alpha-placeholder: #FFFFFF;
  /* 主文本 */
--color-text-alpha-primary: #FFFFFF;
  /* 次级文本 */
--color-text-alpha-secondary: #FFFFFF;
  /* 辅助说明文本 */
--color-text-solid-caption: #8E9494;
  /* 禁用态文本 */
--color-text-solid-disabled: #4D5151;
  /* 特殊对比文本 */
--color-text-solid-high-contrast: #0F1010;
  /* 占位符 */
--color-text-solid-placeholder: #636968;
  /* 主文本 */
--color-text-solid-primary: #F7F8F8;
  /* 次级文本 */
--color-text-solid-secondary: #C4C8C8;
  /* （白背景）报错提示 */
--color-text-status-error: #E5868B;
  /* （有背景色）报错提示 */
--color-text-status-error-strong: #EB9EA3;
  /* （白背景）信息、链接 */
--color-text-status-info: #7FB0EB;
  /* （禁用态）信息、链接 */
--color-text-status-info-disable: #335C8A;
  /* （有背景）信息、链接 */
--color-text-status-info-strong: #9AC1F0;
  /* （白背景）成功信息 */
--color-text-status-success: #80D2A0;
  /* （有背景）成功信息 */
--color-text-status-success-strong: #9ADDB5;
  /* （白背景）告警信息 */
--color-text-status-warning: #E0AC69;
  /* （有背景）告警信息 */
--color-text-status-warning-strong: #E8BD85;

--radius-component-full: var(--radius-full);

--radius-component-none: var(--radius-0);

--radius-component-slight: var(--radius-2);

--radius-component-soft: var(--radius-8);

--radius-component-standard: var(--radius-4);

--radius-container-rounded: var(--radius-20);

--radius-container-slight: var(--radius-4);

--radius-container-slighter: var(--radius-0);

--radius-container-soft: var(--radius-16);

--radius-container-standard: var(--radius-8);

--spacing-content-loose: var(--spacing-8);

--spacing-content-looser: var(--spacing-12);

--spacing-content-looserr: var(--spacing-16);

--spacing-content-looserrr: var(--spacing-20);

--spacing-content-normal: var(--spacing-4);

--spacing-content-tight: var(--spacing-2);

--spacing-content-tighter: var(--spacing-0);

--spacing-gap-loose: var(--spacing-12);

--spacing-gap-looser: var(--spacing-16);

--spacing-gap-looserr: var(--spacing-20);

--spacing-gap-looserrr: var(--spacing-24);

--spacing-gap-looserrrr: var(--spacing-32);

--spacing-gap-normal: var(--spacing-8);

--spacing-gap-tight: var(--spacing-4);

--spacing-gap-tighter: var(--spacing-2);

--spacing-gap-tighterr: var(--spacing-0);

--spacing-gap-tighterrr: var(--spacing-2);

--spacing-gap-tighterrrr: var(--spacing-4);

--spacing-layout-page-edge-loose: var(--spacing-384);

--spacing-layout-page-edge-normal: var(--spacing-220);

--spacing-layout-section-between-l: var(--spacing-32);

--spacing-layout-section-between-m: var(--spacing-24);

--spacing-layout-section-between-s: var(--spacing-20);

--spacing-layout-section-between-xl: var(--spacing-40);

--spacing-layout-section-between-xs: var(--spacing-16);

--spacing-layout-section-between-xxl: var(--spacing-80);

--spacing-layout-section-between-xxs: var(--spacing-12);

--spacing-layout-section-between-xxxl: var(--spacing-120);

--spacing-layout-section-inner-l: var(--spacing-80);

--spacing-layout-section-inner-m: var(--spacing-64);

--spacing-layout-section-inner-s: var(--spacing-40);

--spacing-layout-section-inner-xl: var(--spacing-120);

--spacing-layout-section-inner-xs: var(--spacing-32);

--spacing-layout-section-inner-xxl: var(--spacing-160);

--spacing-layout-section-inner-xxs: var(--spacing-24);

--spacing-layout-section-inner-xxxl: var(--spacing-220);

--spacing-layout-section-inner-xxxs: var(--spacing-20);

--spacing-layout-section-inner-xxxxl: var(--spacing-384);

--spacing-layout-section-inner-xxxxs: var(--spacing-16);

--spacing-padding-l: var(--spacing-16);

--spacing-padding-m: var(--spacing-12);

--spacing-padding-s: var(--spacing-8);

--spacing-padding-xl: var(--spacing-20);

--spacing-padding-xs: var(--spacing-4);

--spacing-padding-xxl: var(--spacing-24);

--spacing-padding-xxs: var(--spacing-2);

--spacing-padding-xxxl: var(--spacing-32);

--spacing-padding-xxxs: var(--spacing-0);

--stroke-border-default: var(--stroke-1);

--stroke-border-strong: var(--stroke-point2);

--stroke-border-stronger: var(--stroke-3);

--stroke-border-subtle: var(--stroke-point1);

--stroke-divider-default: var(--stroke-1);

--stroke-divider-strong: var(--stroke-point2);

--stroke-divider-stronger: var(--stroke-2);

--stroke-divider-subtle: var(--stroke-point1);
}

/* ===== USAGE EXAMPLE ===== */
/*
body {
  color: var(--semantic-color-text-solid-primary);
  background-color: var(--semantic-color-background-primary);
}
*/