ids-enterprise-wc 1.4.2 → 1.5.1

package/themes/ids-theme-default-dark.css

@@ -1,5 +1,112 @@
 @charset "UTF-8";
 :root {
+  --ids-color-white-10: rgba(255, 255, 255, 0.1);
+  --ids-color-white-20: rgba(255, 255, 255, 0.2);
+  --ids-color-white-30: rgba(255, 255, 255, 0.3);
+  --ids-color-white-40: rgba(255, 255, 255, 0.4);
+  --ids-color-white-50: rgba(255, 255, 255, 0.5);
+  --ids-color-white-60: rgba(255, 255, 255, 0.6);
+  --ids-color-white-70: rgba(255, 255, 255, 0.7);
+  --ids-color-white-80: rgba(255, 255, 255, 0.8);
+  --ids-color-white-90: rgba(255, 255, 255, 0.9);
+  --ids-color-white-100: #ffffff;
+  --ids-color-black-10: rgba(0, 0, 0, 0.1);
+  --ids-color-black-20: rgba(0, 0, 0, 0.2);
+  --ids-color-black-30: rgba(0, 0, 0, 0.3);
+  --ids-color-black-40: rgba(0, 0, 0, 0.4);
+  --ids-color-black-50: rgba(0, 0, 0, 0.5);
+  --ids-color-black-60: rgba(0, 0, 0, 0.6);
+  --ids-color-black-70: rgba(0, 0, 0, 0.7);
+  --ids-color-black-80: rgba(0, 0, 0, 0.8);
+  --ids-color-black-90: rgba(0, 0, 0, 0.9);
+  --ids-color-black-100: #000000;
+  --ids-color-black-00: rgba(0, 0, 0, 0);
+  --ids-color-neutral-10: #f5f5f5;
+  --ids-color-neutral-20: #e0e0e1;
+  --ids-color-neutral-30: #c5c5c9;
+  --ids-color-neutral-40: #bbbbbf;
+  --ids-color-neutral-50: #8e8e95;
+  --ids-color-neutral-60: #6f6f76;
+  --ids-color-neutral-70: #525257;
+  --ids-color-neutral-80: #3b3b3f;
+  --ids-color-neutral-90: #28282a;
+  --ids-color-neutral-100: #161618;
+  --ids-color-blue-10: #e6f1fd;
+  --ids-color-blue-20: #bedcfa;
+  --ids-color-blue-30: #8abff7;
+  --ids-color-blue-40: #55a3f3;
+  --ids-color-blue-50: #1c86ef;
+  --ids-color-blue-60: #0072ed;
+  --ids-color-blue-70: #0066d4;
+  --ids-color-blue-80: #0054b1;
+  --ids-color-blue-90: #004a99;
+  --ids-color-blue-100: #003876;
+  --ids-color-red-10: #fbe7e8;
+  --ids-color-red-20: #f5c3c4;
+  --ids-color-red-30: #ee9496;
+  --ids-color-red-40: #e66467;
+  --ids-color-red-50: #df3539;
+  --ids-color-red-60: #da1217;
+  --ids-color-red-70: #c31014;
+  --ids-color-red-80: #a30d11;
+  --ids-color-red-90: #8d0b0e;
+  --ids-color-red-100: #6c080b;
+  --ids-color-green-10: #ebf9f1;
+  --ids-color-green-20: #cbefdc;
+  --ids-color-green-30: #a1e4bf;
+  --ids-color-green-40: #78d8a3;
+  --ids-color-green-50: #4dcc86;
+  --ids-color-green-60: #2ac371;
+  --ids-color-green-70: #25af65;
+  --ids-color-green-80: #1f9254;
+  --ids-color-green-90: #1c7f49;
+  --ids-color-green-100: #156138;
+  --ids-color-orange-10: #fef2e5;
+  --ids-color-orange-20: #fddfbd;
+  --ids-color-orange-30: #fcc888;
+  --ids-color-orange-40: #fbaf50;
+  --ids-color-orange-50: #fa9601;
+  --ids-color-orange-60: #f98300;
+  --ids-color-orange-70: #df6f00;
+  --ids-color-orange-80: #cd6200;
+  --ids-color-orange-90: #bb5500;
+  --ids-color-orange-100: #a14100;
+  --ids-color-purple-10: #f1ebfc;
+  --ids-color-purple-20: #ddcbf7;
+  --ids-color-purple-30: #c2a1f1;
+  --ids-color-purple-40: #a876eb;
+  --ids-color-purple-50: #8d4be5;
+  --ids-color-purple-60: #7928e1;
+  --ids-color-purple-70: #6c23c9;
+  --ids-color-purple-80: #591da8;
+  --ids-color-purple-90: #4e1a91;
+  --ids-color-purple-100: #3b1470;
+  --ids-color-teal-10: #ecf8f8;
+  --ids-color-teal-20: #cfeeee;
+  --ids-color-teal-30: #a8e1e1;
+  --ids-color-teal-40: #82d4d4;
+  --ids-color-teal-50: #5cc6c7;
+  --ids-color-teal-60: #40bdbe;
+  --ids-color-teal-70: #39a9aa;
+  --ids-color-teal-80: #2f8d8e;
+  --ids-color-teal-90: #297b7b;
+  --ids-color-teal-100: #1f5e5e;
+  --ids-color-yellow-10: #fff8d6;
+  --ids-color-yellow-20: #fff4c1;
+  --ids-color-yellow-30: #ffec96;
+  --ids-color-yellow-40: #ffe156;
+  --ids-color-yellow-50: #ffd92b;
+  --ids-color-yellow-60: #ffd100;
+  --ids-color-yellow-70: #bb9c21;
+  --ids-color-yellow-80: #8d6f00;
+  --ids-color-yellow-90: #614900;
+  --ids-color-yellow-100: #4b3700;
+  --ids-breakpoint-xs: 360px;
+  --ids-breakpoint-sm: 600px;
+  --ids-breakpoint-md: 840px;
+  --ids-breakpoint-lg: 1024px;
+  --ids-breakpoint-xl: 1280px;
+  --ids-breakpoint-xxl: 1440px;
   --ids-border-radius-12: 12px;
   --ids-border-radius-16: 16px;
   --ids-border-radius-20: 20px;
@@ -8,11 +115,63 @@
   --ids-border-radius-40: 40px;
   --ids-border-radius-48: 48px;
   --ids-border-radius-99: 99px;
-  --ids-border-radius-08: 8px;
-  --ids-border-radius-04: 4px;
-  --ids-border-radius-02: 2px;
-  --ids-border-radius-01: 1px;
   --ids-border-radius-00: 0px;
+  --ids-border-radius-01: 1px;
+  --ids-border-radius-02: 2px;
+  --ids-border-radius-04: 4px;
+  --ids-border-radius-08: 8px;
+  --ids-border-width-00: 0px;
+  --ids-border-width-01: 1px;
+  --ids-cursor-default: default;
+  --ids-cursor-grabbing: grabbing;
+  --ids-cursor-move: move;
+  --ids-cursor-text: text;
+  --ids-cursor-pointer: pointer;
+  --ids-cursor-resize: col-resize;
+  --ids-cursor-resize-x: ew-resize;
+  --ids-cursor-resize-y: ns-resize;
+  --ids-font-family-sans: source sans pro;
+  --ids-font-family-mono: source code pro;
+  --ids-font-family-ar: "Mada";
+  --ids-font-family-he: "Assistant";
+  --ids-font-family-hi: "Noto Sans";
+  --ids-font-family-ja: "Noto Sans JP";
+  --ids-font-family-ko: "Noto Sans KR";
+  --ids-font-family-th: "Noto Sans Thai";
+  --ids-font-family-zh-hans: "Noto Sans SC";
+  --ids-font-family-zh-hant: "Noto Sans TC";
+  --ids-font-family-system-sans: -apple-system, helvetica, arial;
+  --ids-font-family-system-mono: monospace;
+  --ids-font-line-height-10: 13px;
+  --ids-font-line-height-20: 15px;
+  --ids-font-line-height-30: 18px;
+  --ids-font-line-height-40: 20px;
+  --ids-font-line-height-50: 25px;
+  --ids-font-line-height-60: 30px;
+  --ids-font-line-height-70: 35px;
+  --ids-font-line-height-80: 40px;
+  --ids-font-line-height-90: 50px;
+  --ids-font-line-height-100: 60px;
+  --ids-font-line-height-110: 75px;
+  --ids-font-line-height-120: 91px;
+  --ids-font-size-10: 10px;
+  --ids-font-size-20: 12px;
+  --ids-font-size-30: 14px;
+  --ids-font-size-40: 16px;
+  --ids-font-size-50: 20px;
+  --ids-font-size-60: 24px;
+  --ids-font-size-70: 28px;
+  --ids-font-size-80: 32px;
+  --ids-font-size-90: 40px;
+  --ids-font-size-100: 48px;
+  --ids-font-size-110: 60px;
+  --ids-font-size-120: 72px;
+  --ids-font-uppercase: uppercase;
+  --ids-font-weight-light: light;
+  --ids-font-weight-regular: regular;
+  --ids-font-weight-semibold: semibold;
+  --ids-font-weight-bold: bold;
+  --ids-opacity-40: 0.4;
   --ids-space-12: 12px;
   --ids-space-16: 16px;
   --ids-space-20: 20px;
@@ -24,111 +183,36 @@
   --ids-space-72: 72px;
   --ids-space-104: 104px;
   --ids-space-112: 112px;
-  --ids-space-08: 8px;
-  --ids-space-04: 4px;
-  --ids-space-02: 2px;
-  --ids-space-01: 1px;
   --ids-space-00: 0px;
-  --ids-color-yellow-10: #fde7df;
-  --ids-color-yellow-20: #f3daa1;
-  --ids-color-yellow-30: #e5c366;
-  --ids-color-yellow-40: #f4d151;
-  --ids-color-yellow-50: #f6cf2b;
-  --ids-color-yellow-60: #ffd100;
-  --ids-color-yellow-70: #bb9c21;
-  --ids-color-yellow-80: #8d6f00;
-  --ids-color-yellow-90: #614900;
-  --ids-color-yellow-100: #4b3700;
-  --ids-color-teal-10: #ecf8f8;
-  --ids-color-teal-20: #cfeeee;
-  --ids-color-teal-30: #a8e1e1;
-  --ids-color-teal-40: #82d4d4;
-  --ids-color-teal-50: #5cc6c7;
-  --ids-color-teal-60: #40bdbe;
-  --ids-color-teal-70: #39a9aa;
-  --ids-color-teal-80: #2f8d8e;
-  --ids-color-teal-90: #297b7b;
-  --ids-color-teal-100: #1f5e5e;
-  --ids-color-purple-10: #f1ebfc;
-  --ids-color-purple-20: #ddcbf7;
-  --ids-color-purple-30: #c2a1f1;
-  --ids-color-purple-40: #a876eb;
-  --ids-color-purple-50: #8d4be5;
-  --ids-color-purple-60: #7928e1;
-  --ids-color-purple-70: #6c23c9;
-  --ids-color-purple-80: #591da8;
-  --ids-color-purple-90: #4e1a91;
-  --ids-color-purple-100: #3b1470;
-  --ids-color-orange-10: #fef2e5;
-  --ids-color-orange-20: #fddfbd;
-  --ids-color-orange-30: #fcc888;
-  --ids-color-orange-40: #fbaf50;
-  --ids-color-orange-50: #fa9601;
-  --ids-color-orange-60: #f98300;
-  --ids-color-orange-70: #df6f00;
-  --ids-color-orange-80: #cd6200;
-  --ids-color-orange-90: #bb5500;
-  --ids-color-orange-100: #a14100;
-  --ids-color-green-10: #ebf9f1;
-  --ids-color-green-20: #cbefdc;
-  --ids-color-green-30: #a1e4bf;
-  --ids-color-green-40: #78d8a3;
-  --ids-color-green-50: #4dcc86;
-  --ids-color-green-60: #2ac371;
-  --ids-color-green-70: #25af65;
-  --ids-color-green-80: #1f9254;
-  --ids-color-green-90: #1c7f49;
-  --ids-color-green-100: #156138;
-  --ids-color-red-10: #fbe7e8;
-  --ids-color-red-20: #f5c3c4;
-  --ids-color-red-30: #ee9496;
-  --ids-color-red-40: #e66467;
-  --ids-color-red-50: #df3539;
-  --ids-color-red-60: #da1217;
-  --ids-color-red-70: #c31014;
-  --ids-color-red-80: #a30d11;
-  --ids-color-red-90: #8d0b0e;
-  --ids-color-red-100: #6c080b;
-  --ids-color-blue-10: #e6f1fd;
-  --ids-color-blue-20: #bedcfa;
-  --ids-color-blue-30: #8abff7;
-  --ids-color-blue-40: #55a3f3;
-  --ids-color-blue-50: #1c86ef;
-  --ids-color-blue-60: #0072ed;
-  --ids-color-blue-70: #0066d4;
-  --ids-color-blue-80: #0054b1;
-  --ids-color-blue-90: #004a99;
-  --ids-color-blue-100: #003876;
-  --ids-color-gray-10: #f5f5f5;
-  --ids-color-gray-20: #e0e0e1;
-  --ids-color-gray-30: #c5c5c9;
-  --ids-color-gray-40: #bbbbbf;
-  --ids-color-gray-50: #8e8e95;
-  --ids-color-gray-60: #6f6f76;
-  --ids-color-gray-70: #525257;
-  --ids-color-gray-80: #3b3b3f;
-  --ids-color-gray-90: #28282a;
-  --ids-color-gray-100: #161618;
-  --ids-color-black-10: rgba(0, 0, 0, 0.1);
-  --ids-color-black-20: rgba(0, 0, 0, 0.2);
-  --ids-color-black-30: rgba(0, 0, 0, 0.3);
-  --ids-color-black-40: rgba(0, 0, 0, 0.4);
-  --ids-color-black-50: rgba(0, 0, 0, 0.5);
-  --ids-color-black-60: rgba(0, 0, 0, 0.6);
-  --ids-color-black-70: rgba(0, 0, 0, 0.7);
-  --ids-color-black-80: rgba(0, 0, 0, 0.8);
-  --ids-color-black-90: rgba(0, 0, 0, 0.9);
-  --ids-color-black-100: #000000;
-  --ids-color-white-10: rgba(255, 255, 255, 0.1);
-  --ids-color-white-20: rgba(255, 255, 255, 0.2);
-  --ids-color-white-30: rgba(255, 255, 255, 0.3);
-  --ids-color-white-40: rgba(255, 255, 255, 0.4);
-  --ids-color-white-50: rgba(255, 255, 255, 0.5);
-  --ids-color-white-60: rgba(255, 255, 255, 0.6);
-  --ids-color-white-70: rgba(255, 255, 255, 0.7);
-  --ids-color-white-80: rgba(255, 255, 255, 0.8);
-  --ids-color-white-90: rgba(255, 255, 255, 0.9);
-  --ids-color-white-100: #ffffff;
+  --ids-space-01: 1px;
+  --ids-space-02: 2px;
+  --ids-space-04: 4px;
+  --ids-space-08: 8px;
+  --ids-z-index-0: 0;
+  --ids-z-index-10: 1;
+  --ids-z-index-20: 2;
+  --ids-z-index-30: 5;
+  --ids-z-index-40: 10;
+  --ids-z-index-50: 100;
+  --ids-z-index-60: 200;
+  --ids-z-index-70: 300;
+  --ids-z-index-80: 400;
+  --ids-z-index-90: 500;
+  --ids-z-index-100: 600;
+  --ids-z-index-110: 700;
+  --ids-z-index-120: 1000;
+  --ids-z-index-130: 1010;
+  --ids-z-index-140: 1015;
+  --ids-z-index-150: 1020;
+  --ids-z-index-160: 3000;
+  --ids-z-index-170: 4000;
+  --ids-z-index-180: 4500;
+  --ids-z-index-190: 6000;
+  --ids-z-index-200: 7000;
+  --ids-z-index-210: 8000;
+  --ids-z-index-220: 9000;
+  --ids-z-index-230: 10000;
+  --ids-z-index-240: 10020;
 }
 
 :root {
@@ -145,170 +229,198 @@
 }
 
 :root {
-  --ids-color-background-dark: var(--ids-color-gray-100);
-  --ids-color-background-elevated: var(--ids-color-white-100);
-  --ids-color-background-default: var(--ids-color-white-100);
-  --ids-color-foreground-dark-default: var(--ids-color-black-100);
-  --ids-color-foreground-light-disabled: var(--ids-color-white-40);
-  --ids-color-foreground-light-tertiary: var(--ids-color-white-60);
-  --ids-color-foreground-light-secondary: var(--ids-color-white-80);
-  --ids-color-foreground-light-default: var(--ids-color-white-100);
-  --ids-color-foreground-default-disabled: var(--ids-color-black-40);
-  --ids-color-foreground-default-tertiary: var(--ids-color-black-60);
-  --ids-color-foreground-default-secondary: var(--ids-color-black-80);
-  --ids-color-foreground-default-default: var(--ids-color-black-100);
-  --ids-color-border-strong: var(--ids-color-gray-70);
-  --ids-color-border-default: var(--ids-color-gray-60);
-  --ids-color-border-weak: var(--ids-color-gray-40);
-  --ids-color-border-weaker: var(--ids-color-gray-20);
-  --ids-color-border-light: var(--ids-color-white-100);
-  --ids-color-action-stronger: var(--ids-color-blue-70);
-  --ids-color-action-default: var(--ids-color-blue-60);
-  --ids-color-action-weaker: var(--ids-color-blue-20);
-  --ids-color-action-weakest: var(--ids-color-blue-10);
-  --ids-color-success-stronger: var(--ids-color-green-100);
-  --ids-color-success-strong: var(--ids-color-green-70);
-  --ids-color-success-default: var(--ids-color-green-60);
-  --ids-color-success-weak: var(--ids-color-green-10);
-  --ids-color-caution-stronger: var(--ids-color-yellow-100);
-  --ids-color-caution-strong: var(--ids-color-yellow-70);
-  --ids-color-caution-default: var(--ids-color-yellow-60);
-  --ids-color-caution-weak: var(--ids-color-yellow-10);
-  --ids-color-warning-stronger: var(--ids-color-orange-100);
-  --ids-color-warning-strong: var(--ids-color-orange-70);
-  --ids-color-warning-default: var(--ids-color-orange-60);
-  --ids-color-warning-weak: var(--ids-color-orange-10);
-  --ids-color-error-strongest: var(--ids-color-red-100);
-  --ids-color-error-stronger: var(--ids-color-red-70);
-  --ids-color-error-default: var(--ids-color-red-60);
-  --ids-color-error-weak: var(--ids-color-red-10);
-  --ids-color-info-stronger: var(--ids-color-blue-100);
-  --ids-color-info-strong: var(--ids-color-blue-70);
-  --ids-color-info-default: var(--ids-color-blue-60);
-  --ids-color-info-weak: var(--ids-color-blue-10);
-  --ids-color-action-stronger: var(--ids-color-blue-70);
-  --ids-color-action-default: var(--ids-color-blue-60);
-  --ids-color-action-weaker: var(--ids-color-blue-20);
-  --ids-color-action-weakest: var(--ids-color-blue-10);
-  --ids-color-theme-strongest: var(--ids-color-theme-100);
-  --ids-color-theme-stronger: var(--ids-color-theme-80);
-  --ids-color-theme-strong: var(--ids-color-theme-60);
-  --ids-color-theme-weaker: var(--ids-color-theme-20);
-  --ids-color-theme-weakest: var(--ids-color-theme-10);
-  --ids-color-accent-blue-strongest: var(--ids-color-blue-100);
-  --ids-color-accent-blue-stronger: var(--ids-color-blue-80);
-  --ids-color-accent-blue-strong: var(--ids-color-blue-60);
-  --ids-color-accent-blue-weak: var(--ids-color-blue-40);
-  --ids-color-accent-blue-weaker: var(--ids-color-blue-20);
   --ids-color-accent-blue-weakest: var(--ids-color-blue-10);
-  --ids-color-accent-green-strongest: var(--ids-color-green-100);
-  --ids-color-accent-green-stronger: var(--ids-color-green-80);
-  --ids-color-accent-green-strong: var(--ids-color-green-60);
-  --ids-color-accent-green-weak: var(--ids-color-green-40);
-  --ids-color-accent-green-weaker: var(--ids-color-green-20);
+  --ids-color-accent-blue-weaker: var(--ids-color-blue-20);
+  --ids-color-accent-blue-weak: var(--ids-color-blue-40);
+  --ids-color-accent-blue-strong: var(--ids-color-blue-60);
+  --ids-color-accent-blue-stronger: var(--ids-color-blue-80);
+  --ids-color-accent-blue-strongest: var(--ids-color-blue-100);
   --ids-color-accent-green-weakest: var(--ids-color-green-10);
-  --ids-color-accent-gray-strongest: var(--ids-color-gray-100);
-  --ids-color-accent-gray-stronger: var(--ids-color-gray-80);
-  --ids-color-accent-gray-strong: var(--ids-color-gray-60);
-  --ids-color-accent-gray-default: var(--ids-color-gray-50);
-  --ids-color-accent-gray-weak: var(--ids-color-gray-40);
-  --ids-color-accent-gray-weaker: var(--ids-color-gray-20);
-  --ids-color-accent-gray-weakest: var(--ids-color-gray-10);
-  --ids-color-accent-orange-strongest: var(--ids-color-orange-100);
-  --ids-color-accent-orange-stronger: var(--ids-color-orange-80);
-  --ids-color-accent-orange-strong: var(--ids-color-orange-60);
-  --ids-color-accent-orange-weak: var(--ids-color-orange-40);
-  --ids-color-accent-orange-weaker: var(--ids-color-orange-20);
+  --ids-color-accent-green-weaker: var(--ids-color-green-20);
+  --ids-color-accent-green-weak: var(--ids-color-green-40);
+  --ids-color-accent-green-strong: var(--ids-color-green-60);
+  --ids-color-accent-green-stronger: var(--ids-color-green-80);
+  --ids-color-accent-green-strongest: var(--ids-color-green-100);
+  --ids-color-accent-neutral-weakest: var(--ids-color-neutral-10);
+  --ids-color-accent-neutral-weaker: var(--ids-color-neutral-20);
+  --ids-color-accent-neutral-weak: var(--ids-color-neutral-40);
+  --ids-color-accent-neutral-default: var(--ids-color-neutral-50);
+  --ids-color-accent-neutral-strong: var(--ids-color-neutral-60);
+  --ids-color-accent-neutral-stronger: var(--ids-color-neutral-80);
+  --ids-color-accent-neutral-strongest: var(--ids-color-neutral-100);
   --ids-color-accent-orange-weakest: var(--ids-color-orange-10);
-  --ids-color-accent-purple-strongest: var(--ids-color-purple-100);
-  --ids-color-accent-purple-stronger: var(--ids-color-purple-80);
-  --ids-color-accent-purple-strong: var(--ids-color-purple-60);
-  --ids-color-accent-purple-weak: var(--ids-color-purple-40);
-  --ids-color-accent-purple-weaker: var(--ids-color-purple-20);
+  --ids-color-accent-orange-weaker: var(--ids-color-orange-20);
+  --ids-color-accent-orange-weak: var(--ids-color-orange-40);
+  --ids-color-accent-orange-strong: var(--ids-color-orange-60);
+  --ids-color-accent-orange-stronger: var(--ids-color-orange-80);
+  --ids-color-accent-orange-strongest: var(--ids-color-orange-100);
   --ids-color-accent-purple-weakest: var(--ids-color-purple-10);
-  --ids-color-accent-red-strongest: var(--ids-color-red-100);
-  --ids-color-accent-red-stronger: var(--ids-color-red-80);
-  --ids-color-accent-red-strong: var(--ids-color-red-60);
-  --ids-color-accent-red-weak: var(--ids-color-red-40);
-  --ids-color-accent-red-weaker: var(--ids-color-red-20);
+  --ids-color-accent-purple-weaker: var(--ids-color-purple-20);
+  --ids-color-accent-purple-weak: var(--ids-color-purple-40);
+  --ids-color-accent-purple-strong: var(--ids-color-purple-60);
+  --ids-color-accent-purple-stronger: var(--ids-color-purple-80);
+  --ids-color-accent-purple-strongest: var(--ids-color-purple-100);
   --ids-color-accent-red-weakest: var(--ids-color-red-10);
-  --ids-color-accent-teal-strongest: var(--ids-color-teal-100);
-  --ids-color-accent-teal-stronger: var(--ids-color-teal-80);
-  --ids-color-accent-teal-strong: var(--ids-color-teal-70);
-  --ids-color-accent-teal-weak: var(--ids-color-teal-40);
-  --ids-color-accent-teal-weaker: var(--ids-color-teal-20);
+  --ids-color-accent-red-weaker: var(--ids-color-red-20);
+  --ids-color-accent-red-weak: var(--ids-color-red-40);
+  --ids-color-accent-red-strong: var(--ids-color-red-60);
+  --ids-color-accent-red-stronger: var(--ids-color-red-80);
+  --ids-color-accent-red-strongest: var(--ids-color-red-100);
   --ids-color-accent-teal-weakest: var(--ids-color-teal-10);
-  --ids-color-accent-yellow-strongest: var(--ids-color-yellow-100);
-  --ids-color-accent-yellow-stronger: var(--ids-color-yellow-80);
-  --ids-color-accent-yellow-strong: var(--ids-color-yellow-60);
-  --ids-color-accent-yellow-weak: var(--ids-color-yellow-40);
-  --ids-color-accent-yellow-weaker: var(--ids-color-yellow-20);
+  --ids-color-accent-teal-weaker: var(--ids-color-teal-20);
+  --ids-color-accent-teal-weak: var(--ids-color-teal-40);
+  --ids-color-accent-teal-strong: var(--ids-color-teal-70);
+  --ids-color-accent-teal-stronger: var(--ids-color-teal-80);
+  --ids-color-accent-teal-strongest: var(--ids-color-teal-100);
   --ids-color-accent-yellow-weakest: var(--ids-color-yellow-10);
-  --ids-dataviz-color-accent-teal-03: var(--ids-color-teal-30);
-  --ids-dataviz-color-accent-teal-02: var(--ids-color-teal-50);
-  --ids-dataviz-color-accent-teal-01: var(--ids-color-teal-80);
-  --ids-dataviz-color-accent-gray-03: var(--ids-color-gray-20);
-  --ids-dataviz-color-accent-gray-02: var(--ids-color-gray-40);
-  --ids-dataviz-color-accent-gray-01: var(--ids-color-gray-60);
-  --ids-dataviz-color-accent-purple-03: var(--ids-color-purple-30);
-  --ids-dataviz-color-accent-purple-02: var(--ids-color-purple-50);
-  --ids-dataviz-color-accent-purple-01: var(--ids-color-purple-70);
-  --ids-dataviz-color-accent-green-03: var(--ids-color-green-30);
-  --ids-dataviz-color-accent-green-02: var(--ids-color-green-50);
-  --ids-dataviz-color-accent-green-01: var(--ids-color-green-80);
-  --ids-dataviz-color-accent-blue-03: var(--ids-color-blue-30);
-  --ids-dataviz-color-accent-blue-02: var(--ids-color-blue-50);
-  --ids-dataviz-color-accent-blue-01: var(--ids-color-blue-80);
-  --ids-dataviz-color-sequential-10: var(--ids-color-gray-20);
-  --ids-dataviz-color-sequential-11: var(--ids-color-teal-60);
-  --ids-dataviz-color-sequential-12: var(--ids-color-orange-90);
-  --ids-dataviz-color-sequential-13: var(--ids-color-purple-30);
-  --ids-dataviz-color-sequential-14: var(--ids-color-blue-60);
-  --ids-dataviz-color-sequential-15: var(--ids-color-red-30);
-  --ids-dataviz-color-sequential-16: var(--ids-color-purple-80);
-  --ids-dataviz-color-sequential-17: var(--ids-color-green-30);
-  --ids-dataviz-color-sequential-18: var(--ids-color-teal-80);
-  --ids-dataviz-color-sequential-19: var(--ids-color-gray-60);
-  --ids-dataviz-color-sequential-20: var(--ids-color-red-40);
-  --ids-dataviz-color-sequential-09: var(--ids-color-red-80);
-  --ids-dataviz-color-sequential-08: var(--ids-color-blue-30);
-  --ids-dataviz-color-sequential-07: var(--ids-color-green-80);
-  --ids-dataviz-color-sequential-06: var(--ids-color-orange-70);
-  --ids-dataviz-color-sequential-05: var(--ids-color-orange-30);
-  --ids-dataviz-color-sequential-04: var(--ids-color-gray-40);
-  --ids-dataviz-color-sequential-03: var(--ids-color-purple-60);
-  --ids-dataviz-color-sequential-02: var(--ids-color-teal-60);
-  --ids-dataviz-color-sequential-01: var(--ids-color-blue-80);
-  --ids-dataviz-color-density-10: var(--ids-color-blue-10);
-  --ids-dataviz-color-density-20: var(--ids-color-blue-20);
-  --ids-dataviz-color-density-30: var(--ids-color-blue-30);
-  --ids-dataviz-color-density-40: var(--ids-color-blue-40);
-  --ids-dataviz-color-density-50: var(--ids-color-blue-50);
-  --ids-dataviz-color-density-60: var(--ids-color-blue-60);
-  --ids-dataviz-color-density-70: var(--ids-color-blue-70);
-  --ids-dataviz-color-density-80: var(--ids-color-blue-80);
-  --ids-dataviz-color-density-90: var(--ids-color-blue-90);
-  --ids-dataviz-color-density-100: var(--ids-color-blue-100);
-  --ids-border-radius-circle: var(--ids-border-radius-99);
-  --ids-border-radius-xl: var(--ids-border-radius-40);
-  --ids-border-radius-lg: var(--ids-border-radius-24);
-  --ids-border-radius-md: var(--ids-border-radius-16);
-  --ids-border-radius-sm: var(--ids-border-radius-08);
-  --ids-border-radius-xs: var(--ids-border-radius-04);
-  --ids-border-radius-xxs: var(--ids-border-radius-02);
-  --ids-border-radius-none: var(--ids-border-radius-00);
-  --ids-space-xxxxl: var(--ids-space-72);
-  --ids-space-xxxl: var(--ids-space-56);
-  --ids-space-xxl: var(--ids-space-48);
-  --ids-space-xl: var(--ids-space-40);
-  --ids-space-lg: var(--ids-space-32);
-  --ids-space-md: var(--ids-space-24);
-  --ids-space-sm: var(--ids-space-16);
-  --ids-space-xs: var(--ids-space-08);
-  --ids-space-xxs: var(--ids-space-04);
-  --ids-space-xxxs: var(--ids-space-02);
-  --ids-space-xxxxs: var(--ids-space-01);
+  --ids-color-accent-yellow-weaker: var(--ids-color-yellow-20);
+  --ids-color-accent-yellow-weak: var(--ids-color-yellow-40);
+  --ids-color-accent-yellow-strong: var(--ids-color-yellow-60);
+  --ids-color-accent-yellow-stronger: var(--ids-color-yellow-80);
+  --ids-color-accent-yellow-strongest: var(--ids-color-yellow-100);
+  --ids-color-action-weakest: var(--ids-color-blue-10);
+  --ids-color-action-weaker: var(--ids-color-blue-20);
+  --ids-color-action-default: var(--ids-color-blue-60);
+  --ids-color-action-stronger: var(--ids-color-blue-70);
+  --ids-color-action-strongest: var(--ids-color-blue-90);
+  --ids-color-background-default: var(--ids-color-white-100);
+  --ids-color-background-elevated: var(--ids-color-white-100);
+  --ids-color-background-dark: var(--ids-color-neutral-100);
+  --ids-color-border-default: var(--ids-color-neutral-60);
+  --ids-color-border-weaker: var(--ids-color-neutral-20);
+  --ids-color-border-weak: var(--ids-color-neutral-40);
+  --ids-color-border-strong: var(--ids-color-neutral-70);
+  --ids-color-border-light: var(--ids-color-white-100);
+  --ids-color-foreground-default-default: var(--ids-color-black-100);
+  --ids-color-foreground-default-secondary: var(--ids-color-black-80);
+  --ids-color-foreground-default-tertiary: var(--ids-color-black-60);
+  --ids-color-foreground-default-disabled: var(--ids-color-black-40);
+  --ids-color-foreground-light-default: var(--ids-color-white-100);
+  --ids-color-foreground-light-secondary: var(--ids-color-white-80);
+  --ids-color-foreground-light-tertiary: var(--ids-color-white-60);
+  --ids-color-foreground-light-disabled: var(--ids-color-white-40);
+  --ids-color-foreground-dark-default: var(--ids-color-black-100);
+  --ids-color-success-weak: var(--ids-color-green-10);
+  --ids-color-success-default: var(--ids-color-green-60);
+  --ids-color-success-strong: var(--ids-color-green-70);
+  --ids-color-success-stronger: var(--ids-color-green-100);
+  --ids-color-caution-weak: var(--ids-color-yellow-10);
+  --ids-color-caution-default: var(--ids-color-yellow-60);
+  --ids-color-caution-strong: var(--ids-color-yellow-70);
+  --ids-color-caution-stronger: var(--ids-color-yellow-100);
+  --ids-color-warning-weak: var(--ids-color-orange-10);
+  --ids-color-warning-default: var(--ids-color-orange-60);
+  --ids-color-warning-strong: var(--ids-color-orange-70);
+  --ids-color-warning-stronger: var(--ids-color-orange-100);
+  --ids-color-error-weak: var(--ids-color-red-10);
+  --ids-color-error-default: var(--ids-color-red-60);
+  --ids-color-error-stronger: var(--ids-color-red-70);
+  --ids-color-error-strongest: var(--ids-color-red-100);
+  --ids-color-info-weak: var(--ids-color-blue-10);
+  --ids-color-info-default: var(--ids-color-blue-60);
+  --ids-color-info-strong: var(--ids-color-blue-70);
+  --ids-color-info-stronger: var(--ids-color-blue-100);
+  --ids-color-action-weakest: var(--ids-color-blue-10);
+  --ids-color-action-weaker: var(--ids-color-blue-20);
+  --ids-color-action-default: var(--ids-color-blue-60);
+  --ids-color-action-stronger: var(--ids-color-blue-70);
+  --ids-color-action-strongest: var(--ids-color-blue-90);
+  --ids-color-theme-weakest: var(--ids-color-theme-10);
+  --ids-color-theme-weaker: var(--ids-color-theme-20);
+  --ids-color-theme-strong: var(--ids-color-theme-60);
+  --ids-color-theme-stronger: var(--ids-color-theme-80);
+  --ids-color-theme-strongest: var(--ids-color-theme-100);
+  --ids-color-transparent: var(--ids-color-black-00);
+  --ids-color-dataviz-accent-blue-01: var(--ids-color-blue-80);
+  --ids-color-dataviz-accent-blue-02: var(--ids-color-blue-50);
+  --ids-color-dataviz-accent-blue-03: var(--ids-color-blue-30);
+  --ids-color-dataviz-accent-neutral-01: var(--ids-color-neutral-60);
+  --ids-color-dataviz-accent-neutral-02: var(--ids-color-neutral-40);
+  --ids-color-dataviz-accent-neutral-03: var(--ids-color-neutral-20);
+  --ids-color-dataviz-accent-green-01: var(--ids-color-green-80);
+  --ids-color-dataviz-accent-green-02: var(--ids-color-green-50);
+  --ids-color-dataviz-accent-green-03: var(--ids-color-green-30);
+  --ids-color-dataviz-accent-purple-01: var(--ids-color-purple-70);
+  --ids-color-dataviz-accent-purple-02: var(--ids-color-purple-50);
+  --ids-color-dataviz-accent-purple-03: var(--ids-color-purple-30);
+  --ids-color-dataviz-accent-teal-01: var(--ids-color-teal-80);
+  --ids-color-dataviz-accent-teal-02: var(--ids-color-teal-50);
+  --ids-color-dataviz-accent-teal-03: var(--ids-color-teal-30);
+  --ids-color-dataviz-default: var(--ids-color-blue-80);
+  --ids-color-dataviz-density-10: var(--ids-color-blue-10);
+  --ids-color-dataviz-density-20: var(--ids-color-blue-20);
+  --ids-color-dataviz-density-30: var(--ids-color-blue-30);
+  --ids-color-dataviz-density-40: var(--ids-color-blue-40);
+  --ids-color-dataviz-density-50: var(--ids-color-blue-50);
+  --ids-color-dataviz-density-60: var(--ids-color-blue-60);
+  --ids-color-dataviz-density-70: var(--ids-color-blue-70);
+  --ids-color-dataviz-density-80: var(--ids-color-blue-80);
+  --ids-color-dataviz-density-90: var(--ids-color-blue-90);
+  --ids-color-dataviz-density-100: var(--ids-color-blue-100);
+  --ids-color-dataviz-negative: var(--ids-color-red-60);
+  --ids-color-dataviz-neutral: var(--ids-color-neutral-20);
+  --ids-color-dataviz-positive: var(--ids-color-green-70);
+  --ids-color-dataviz-secondary: var(--ids-color-teal-40);
+  --ids-color-dataviz-sequential-10: var(--ids-color-neutral-20);
+  --ids-color-dataviz-sequential-11: var(--ids-color-teal-60);
+  --ids-color-dataviz-sequential-12: var(--ids-color-orange-90);
+  --ids-color-dataviz-sequential-13: var(--ids-color-purple-30);
+  --ids-color-dataviz-sequential-14: var(--ids-color-blue-60);
+  --ids-color-dataviz-sequential-15: var(--ids-color-red-30);
+  --ids-color-dataviz-sequential-16: var(--ids-color-purple-80);
+  --ids-color-dataviz-sequential-17: var(--ids-color-green-30);
+  --ids-color-dataviz-sequential-18: var(--ids-color-teal-80);
+  --ids-color-dataviz-sequential-19: var(--ids-color-neutral-60);
+  --ids-color-dataviz-sequential-20: var(--ids-color-red-40);
+  --ids-color-dataviz-sequential-01: var(--ids-color-blue-80);
+  --ids-color-dataviz-sequential-02: var(--ids-color-teal-60);
+  --ids-color-dataviz-sequential-03: var(--ids-color-purple-60);
+  --ids-color-dataviz-sequential-04: var(--ids-color-neutral-40);
+  --ids-color-dataviz-sequential-05: var(--ids-color-orange-30);
+  --ids-color-dataviz-sequential-06: var(--ids-color-orange-70);
+  --ids-color-dataviz-sequential-07: var(--ids-color-green-80);
+  --ids-color-dataviz-sequential-08: var(--ids-color-blue-30);
+  --ids-color-dataviz-sequential-09: var(--ids-color-red-80);
   --ids-space-none: var(--ids-space-00);
+  --ids-space-4xs: var(--ids-space-01);
+  --ids-space-3xs: var(--ids-space-02);
+  --ids-space-2xs: var(--ids-space-04);
+  --ids-space-xs: var(--ids-space-08);
+  --ids-space-sm: var(--ids-space-16);
+  --ids-space-md: var(--ids-space-24);
+  --ids-space-lg: var(--ids-space-32);
+  --ids-space-xl: var(--ids-space-40);
+  --ids-space-2xl: var(--ids-space-48);
+  --ids-space-3xl: var(--ids-space-56);
+  --ids-space-4xl: var(--ids-space-72);
+  --ids-border-radius-none: var(--ids-border-radius-00);
+  --ids-border-radius-2xs: var(--ids-border-radius-02);
+  --ids-border-radius-xs: var(--ids-border-radius-04);
+  --ids-border-radius-sm: var(--ids-border-radius-08);
+  --ids-border-radius-md: var(--ids-border-radius-16);
+  --ids-border-radius-lg: var(--ids-border-radius-24);
+  --ids-border-radius-xl: var(--ids-border-radius-40);
+  --ids-border-radius-circle: var(--ids-border-radius-99);
+  --ids-border-width-none: var(--ids-border-width-00);
+  --ids-border-width-sm: var(--ids-border-width-01);
+  --ids-font-family-default: var(--ids-font-family-sans);
+  --ids-font-weight-default: var(--ids-font-weight-regular);
+  --ids-font-weight-strong: var(--ids-font-weight-semibold);
+  --ids-font-weight-stronger: var(--ids-font-weight-bold);
+  --ids-font-size-default: var(--ids-font-size-sm);
+  --ids-font-size-6xl: var(--ids-font-size-120);
+  --ids-font-size-5xl: var(--ids-font-size-110);
+  --ids-font-size-4xl: var(--ids-font-size-100);
+  --ids-font-size-3xl: var(--ids-font-size-90);
+  --ids-font-size-2xl: var(--ids-font-size-80);
+  --ids-font-size-xl: var(--ids-font-size-70);
+  --ids-font-size-lg: var(--ids-font-size-60);
+  --ids-font-size-md: var(--ids-font-size-50);
+  --ids-font-size-sm: var(--ids-font-size-40);
+  --ids-font-size-xs: var(--ids-font-size-30);
+  --ids-font-size-2xs: var(--ids-font-size-20);
+  --ids-font-size-3xs: var(--ids-font-size-10);
+  --ids-opacity-disabled: var(--ids-opacity-40);
 }
 
 :host,
@@ -328,10 +440,10 @@
   --ids-color-background-default: var(--ids-color-white-100);
   --ids-color-text-default: var(--ids-color-foreground-default-default);
   --ids-color-text-inverse: var(--ids-color-white-100);
-  --ids-color-text-subtle: var(--ids-color-gray-80);
+  --ids-color-text-subtle: var(--ids-color-neutral-80);
   --ids-color-text-label: var(--ids-color-foreground-default-default);
-  --ids-color-text-data: var(--ids-color-gray-100);
-  --ids-color-text-disabled: var(--ids-color-gray-30);
+  --ids-color-text-data: var(--ids-color-neutral-100);
+  --ids-color-text-disabled: var(--ids-color-neutral-30);
   --ids-color-text-error: var(--ids-color-error-default);
   --ids-color-text-info: var(--ids-color-info-strong);
   --ids-color-text-success: var(--ids-color-green-50);
@@ -339,14 +451,6 @@
   --ids-motion-duration: 250ms;
   --ids-motion-ease: cubic-bezier(0.17, 0.04, 0.03, 0.94);
   --ids-motion-linear: cubic-bezier(0.4, 0, 0.6, 1);
-  --ids-cursor-default: default;
-  --ids-cursor-grabbing: grabbing;
-  --ids-cursor-move: move;
-  --ids-cursor-text: text;
-  --ids-cursor-pointer: pointer;
-  --ids-cursor-resize: col-resize;
-  --ids-cursor-resize-x: ew-resize;
-  --ids-cursor-resize-y: ns-resize;
   --ids-shadow-color: rgb(54 138 192 / 0.3);
   --ids-shadow-none: 0 0 3px 2px rgba(54 138 192 / 0);
   --ids-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
@@ -357,33 +461,11 @@
   --ids-color-border-focus: var(--ids-color-primary);
   --ids-shadow-focus: 0px 0px 8px 0px rgba(0 114 237 / 0.50);
   --ids-outline-none: 0;
-  --ids-font-family-default: source sans pro, -apple-system, helvetica, arial;
-  --ids-font-family-ar: "Mada", source sans pro, -apple-system, helvetica, arial;
-  --ids-font-family-he: "Assistant", source sans pro, -apple-system, helvetica, arial;
-  --ids-font-family-hi: "Noto Sans", source sans pro, -apple-system, helvetica, arial;
-  --ids-font-family-ja: "Noto Sans JP", source sans pro, -apple-system, helvetica, arial;
-  --ids-font-family-ko: "Noto Sans KR", source sans pro, -apple-system, helvetica, arial;
-  --ids-font-family-th: "Noto Sans Thai", source sans pro, -apple-system, helvetica, arial;
-  --ids-font-family-zh-hans: "Noto Sans SC", source sans pro, -apple-system, helvetica, arial;
-  --ids-font-family-zh-hant: "Noto Sans TC", source sans pro, -apple-system, helvetica, arial;
-  --ids-font-family-mono: source code pro, monospace;
   --ids-font-weight-light: 300;
   --ids-font-weight-normal: 400;
   --ids-font-weight-semibold: 600;
   --ids-font-weight-bold: 700;
-  --ids-font-size-default: var(--ids-font-size-40);
-  --ids-font-size-10: 10px;
-  --ids-font-size-20: 12px;
-  --ids-font-size-30: 14px;
-  --ids-font-size-40: 16px;
-  --ids-font-size-50: 20px;
-  --ids-font-size-60: 24px;
-  --ids-font-size-70: 28px;
-  --ids-font-size-80: 32px;
-  --ids-font-size-90: 40px;
-  --ids-font-size-100: 48px;
-  --ids-font-size-110: 60px;
-  --ids-font-size-120: 72px;
+  --ids-font-size-default: var(--ids-font-size-sm);
   --ids-font-uppercase: uppercase;
   --ids-scroll-shadow: 0 -1px 3px -1px rgba(0 0 0 / 0.25);
   --ids-scroll-color-border-top: 1px solid rgba(215 215 216 / 1);
@@ -391,34 +473,6 @@
   --ids-size-20: 28px;
   --ids-size-30: 30px;
   --ids-size-40: 38px;
-  --ids-size-50: 48px;
-  --ids-size-60: 56px;
-  --ids-size-70: 66px;
-  --ids-z-index-0: 0;
-  --ids-z-index-10: 1;
-  --ids-z-index-20: 2;
-  --ids-z-index-30: 5;
-  --ids-z-index-40: 10;
-  --ids-z-index-50: 100;
-  --ids-z-index-60: 200;
-  --ids-z-index-70: 300;
-  --ids-z-index-80: 400;
-  --ids-z-index-90: 500;
-  --ids-z-index-100: 600;
-  --ids-z-index-110: 700;
-  --ids-z-index-120: 1000;
-  --ids-z-index-130: 1010;
-  --ids-z-index-140: 1015;
-  --ids-z-index-150: 1020;
-  --ids-z-index-160: 3000;
-  --ids-z-index-170: 4000;
-  --ids-z-index-180: 4500;
-  --ids-z-index-190: 6000;
-  --ids-z-index-200: 7000;
-  --ids-z-index-210: 8000;
-  --ids-z-index-220: 9000;
-  --ids-z-index-230: 10000;
-  --ids-z-index-240: 10020;
   --ids-z-index-top-level-container: var(--ids-z-index-20);
   --ids-z-index-overlay: var(--ids-z-index-120);
   --ids-z-index-busy-indicator: var(--ids-z-index-130);
@@ -440,29 +494,29 @@
   --ids-about-color-border-hover: var(--ids-input-color-border-hover);
   --ids-about-color-border-focus: var(--ids-input-color-border-focus);
   --ids-about-shadow-focus: var(--ids-shadow-focus);
-  --ids-accordion-header-color-border-bottom: var(--ids-color-gray-20);
-  --ids-accordion-header-color-icon: var(--ids-color-gray-10);
-  --ids-accordion-header-color-border-focus: var(--ids-color-primary);
+  --ids-accordion-header-color-border-bottom: var(--ids-color-border-weaker);
+  --ids-accordion-header-color-icon: var(--ids-color-accent-neutral-weakest);
+  --ids-accordion-header-color-border-focus: var(--ids-color-action-default);
   --ids-accordion-header-shadow-focus: var(--ids-shadow-20);
-  --ids-accordion-header-color-border-disabled: var(--ids-color-text-disabled);
+  --ids-accordion-header-color-border-disabled: var(--ids-color-border-weaker);
   --ids-accordion-header-color-text-disabled: var(--ids-color-text-disabled);
-  --ids-accordion-header-padding: 12px 16px;
-  --ids-accordion-header-app-menu-padding: 12px 16px;
-  --ids-accordion-header-sub-app-menu-padding: 8px 20px;
-  --ids-accordion-pane-content-padding-block: 8px;
+  --ids-accordion-header-padding: 12px var(--ids-space-sm);
+  --ids-accordion-header-app-menu-padding: 12px var(--ids-space-sm);
+  --ids-accordion-header-sub-app-menu-padding: var(--ids-space-xs) 20px;
+  --ids-accordion-pane-content-padding-block: var(--ids-space-xs);
   --ids-accordion-pane-content-padding-inline: 18px;
   --ids-accordion-pane-content-padding-icon: 30px;
   --ids-action-panel-header-height: 50px;
-  --ids-action-panel-header-padding: 8px;
-  --ids-action-panel-header-color-background: var(--ids-color-gray-10);
-  --ids-action-panel-header-color-border: var(--ids-color-gray-20);
+  --ids-action-panel-header-padding: var(--ids-space-sm);
+  --ids-action-panel-header-color-background: var(--ids-color-accent-neutral-weakest);
+  --ids-action-panel-header-color-border: var(--ids-color-accent-neutral-weaker);
   --ids-action-panel-content-background-color: var(--ids-color-white-100);
-  --ids-action-panel-button-color-background-hover: var(--ids-color-gray-20);
+  --ids-action-panel-button-color-background-hover: var(--ids-color-accent-neutral-weaker);
   --ids-action-sheet-border-radius: var(--ids-border-radius-md);
   --ids-action-sheet-padding: var(--ids-space-xs);
   --ids-action-sheet-shadow: 0 0 8px rgb(0 0 0 / 0.2);
   --ids-action-sheet-color-background: var(--ids-color-white-100);
-  --ids-action-sheet-color-border: transparent;
+  --ids-action-sheet-color-border: var(--ids-color-transparent);
   --ids-alert-color-success-default: var(--ids-color-success-default);
   --ids-alert-color-success-disabled: var(--ids-color-green-30);
   --ids-alert-color-warning-default: var(--ids-color-warning-default);
@@ -477,31 +531,33 @@
   --ids-alert-color-new-disabled: var(--ids-color-orange-30);
   --ids-alert-color-progress-default: var(--ids-color-purple-70);
   --ids-alert-color-progress-disabled: var(--ids-color-purple-30);
-  --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-gray-100);
-  --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-gray-100);
-  --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-gray-40);
-  --ids-app-menu-accordion-header-color-background-default: var(--ids-color-white-100);
-  --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-gray-60);
+  --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-accent-neutral-strongest);
+  --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-accent-neutral-strongest);
+  --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-accent-neutral-weak);
+  --ids-app-menu-accordion-header-color-background-default: var(--ids-color-background-default);
+  --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-accent-neutral-strong);
   --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text-default);
-  --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-white-100);
+  --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-foreground-light-default);
   --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-70);
   --ids-app-menu-accordion-header-selected-bg-color: var(--ids-color-primary-60);
-  --ids-app-menu-header-color-background-hover: var(--ids-color-gray-90);
-  --ids-app-menu-header-color-border-hover: var(--ids-color-gray-90);
-  --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-white-100);
-  --ids-app-menu-accordion-header-color-text-default: var(--ids-color-gray-20);
-  --ids-app-menu-accordion-panel-color-background: var(--ids-color-gray-100);
-  --ids-axis-chart-grid-color: var(--ids-color-gray-20);
-  --ids-axis-chart-first-line-color: var(--ids-color-gray-70);
-  --ids-axis-chart-last-line-color-border: var(--ids-color-gray-70);
-  --ids-axis-chart-font-family: var(--ids-font-family-default);
-  --ids-axis-chart-font-size: var(--ids-font-size-30);
-  --ids-axis-chart-color-text: var(--ids-color-gray-60);
+  --ids-app-menu-header-color-background-hover: var(--ids-color-neutral-90);
+  --ids-app-menu-header-color-border-hover: var(--ids-color-neutral-90);
+  --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-foreground-light-default);
+  --ids-app-menu-accordion-header-color-text-default: var(--ids-color-accent-neutral-weaker);
+  --ids-app-menu-accordion-panel-color-background: var(--ids-color-background-dark);
+  --ids-app-menu-avatar-width: 50px;
+  --ids-app-menu-avatar-height: 50px;
+  --ids-axis-chart-grid-color: var(--ids-color-neutral-20);
+  --ids-axis-chart-first-line-color: var(--ids-color-neutral-70);
+  --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-70);
+  --ids-axis-chart-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  --ids-axis-chart-font-size: var(--ids-font-size-xs);
+  --ids-axis-chart-color-text: var(--ids-color-neutral-60);
   --ids-axis-chart-font-weight: var(--ids-font-weight-bold);
   --ids-axis-chart-outline-focus: 2px dashed var(--ids-color-blue-60);
   --ids-badge-border-radius: var(--ids-border-radius-circle);
-  --ids-badge-color-background: var(--ids-color-accent-gray-weaker);
-  --ids-badge-color-border: var(--ids-color-accent-gray-weak);
+  --ids-badge-color-background: var(--ids-color-accent-neutral-weaker);
+  --ids-badge-color-border: var(--ids-color-accent-neutral-weak);
   --ids-badge-color-text-default: var(--ids-color-foreground-default-default);
   --ids-badge-color-background-info: var(--ids-color-info-default);
   --ids-badge-color-border-info: var(--ids-color-info-default);
@@ -519,11 +575,11 @@
   --ids-badge-color-border-success: var(--ids-color-success-default);
   --ids-badge-color-success: var(--ids-color-foreground-dark-default);
   --ids-badge-font-line-height: var(--ids-size-10);
-  --ids-badge-margin-bottom: var(--ids-space-xxs);
-  --ids-badge-margin-inline-end: var(--ids-space-xxs);
+  --ids-badge-margin-bottom: var(--ids-space-2xs);
+  --ids-badge-margin-inline-end: var(--ids-space-2xs);
   --ids-badge-width-min: var(--ids-size-10);
-  --ids-badge-padding-inline: var(--ids-space-08);
-  --ids-badge-disabled-opacity: 0.4;
+  --ids-badge-padding-inline: var(--ids-space-xs);
+  --ids-badge-disabled-opacity: var(--ids-opacity-disabled);
   --ids-block-grid-margin: 10px;
   --ids-block-grid-item-padding: 10px 15px;
   --ids-block-grid-item-width: 200px;
@@ -532,7 +588,7 @@
   --ids-block-grid-item-border-radius: 3px;
   --ids-block-grid-item-selectable-border-radius-container: var(--ids-border-radius-circle);
   --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-primary-10);
-  --ids-block-grid-item-selectable-container-focus: var(--ids-space-xxxxs) solid var(--ids-color-primary-60);
+  --ids-block-grid-item-selectable-container-focus: var(--ids-space-4xs) solid var(--ids-color-primary-60);
   --ids-block-grid-item-shadow-selectable-container-focus: var(--ids-shadow-lg);
   --ids-block-grid-item-selectable-container-padding: var(--ids-space-md) 36px;
   --ids-block-grid-item-selectable-multiple-width: 100%;
@@ -541,18 +597,18 @@
   --ids-block-grid-item-selectable-size-multiple-block-checkbox-left: 30px;
   --ids-block-grid-item-selectable-multiple-block-checkbox-right: unset;
   --ids-block-grid-item-border-radius-selected: 3px;
-  --ids-block-grid-item-color-background-selected: transparent;
+  --ids-block-grid-item-color-background-selected: var(--ids-color-transparent);
   --ids-block-grid-item-outline-selected: 2px solid var(--ids-color-primary-60);
   --ids-block-grid-item-pre-color-background-selected: rgba(230 241 253 / 0.7);
   --ids-block-grid-checkbox-top-size: 20px;
   --ids-block-grid-checkbox-right-size: 20px;
   --ids-box-color-background: var(--ids-card-color-background);
   --ids-box-color-border: var(--ids-color-border-weak);
-  --ids-box-shadowed-color-border: transparent;
+  --ids-box-shadowed-color-border: var(--ids-color-transparent);
   --ids-box-border-radius: var(--ids-card-border-radius);
   --ids-box-shadow: var(--ids-card-shadow);
   --ids-box-shadow-focus: 0 0 4px rgba(0 102 212 / 0.15);
-  --ids-box-font-family: var(--ids-font-family-default);
+  --ids-box-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
   --ids-box-font-size: var(--ids-font-size-default);
   --ids-box-color-text-default: var(--ids-card-color-text-default);
   --ids-box-padding: var(--ids-space-sm);
@@ -561,10 +617,10 @@
   --ids-box-outline-hover: 1px solid var(--ids-color-border-weaker);
   --ids-box-height: auto;
   --ids-box-width: auto;
-  --ids-button-height: 32px;
-  --ids-button-width: 32px;
+  --ids-button-height: var(--ids-space-lg);
+  --ids-button-width: var(--ids-space-lg);
   --ids-button-padding-inline: 12px;
-  --ids-button-alt-margin: var(--ids-space-xxxs);
+  --ids-button-alt-margin: 1px -1px 1px 1px;
   --ids-button-radius: var(--ids-border-radius-sm);
   --ids-button-color-text-default: currentColor;
   --ids-button-primary-color-border-default: var(--ids-color-action-default);
@@ -577,7 +633,7 @@
   --ids-button-primary-color-background-disabled: var(--ids-color-action-default);
   --ids-button-primary-color-border-disabled: var(--ids-color-action-default);
   --ids-button-primary-color-text-disabled: var(--ids-color-foreground-light-default);
-  --ids-button-primary-opacity-disabled: 0.4;
+  --ids-button-primary-opacity-disabled: var(--ids-opacity-disabled);
   --ids-button-primary-color-background-pressed: var(--ids-color-action-stronger);
   --ids-button-primary-color-border-pressed: var(--ids-color-action-stronger);
   --ids-button-primary-color-text-pressed: var(--ids-color-foreground-light-default);
@@ -596,23 +652,23 @@
   --ids-button-secondary-color-background-pressed: var(--ids-color-action-weakest);
   --ids-button-secondary-color-border-pressed: var(--ids-color-action-stronger);
   --ids-button-secondary-color-text-pressed: var(--ids-color-action-stronger);
-  --ids-button-secondary-border-width: 1px;
-  --ids-button-secondary-opacity-disabled: 0.4;
-  --ids-button-tertiary-color-border-default: transparent;
-  --ids-button-tertiary-color-background-default: transparent;
+  --ids-button-secondary-border-width: var(--ids-border-width-sm);
+  --ids-button-secondary-opacity-disabled: var(--ids-opacity-disabled);
+  --ids-button-tertiary-color-border-default: var(--ids-color-transparent);
+  --ids-button-tertiary-color-background-default: var(--ids-color-transparent);
   --ids-button-tertiary-color-text-default: var(--ids-color-foreground-default-secondary);
   --ids-button-tertiary-color-border-focus: var(--ids-color-action-stronger);
   --ids-button-tertiary-color-text-hover: var(--ids-color-foreground-default-default);
-  --ids-button-tertiary-color-background-hover: var(--ids-color-accent-gray-weakest);
-  --ids-button-tertiary-color-border-hover: var(--ids-color-accent-gray-weakest);
+  --ids-button-tertiary-color-background-hover: var(--ids-color-accent-neutral-weakest);
+  --ids-button-tertiary-color-border-hover: var(--ids-color-accent-neutral-weakest);
   --ids-button-tertiary-color-text-disabled: var(--ids-color-foreground-default-secondary);
-  --ids-button-tertiary-color-background-disabled: transparent;
-  --ids-button-tertiary-color-border-disabled: transparent;
-  --ids-button-tertiary-opacity-disabled: 0.4;
+  --ids-button-tertiary-color-background-disabled: var(--ids-color-transparent);
+  --ids-button-tertiary-color-border-disabled: var(--ids-color-transparent);
+  --ids-button-tertiary-opacity-disabled: var(--ids-opacity-disabled);
   --ids-button-tertiary-shadow-focus: 0px 0px 0px .5px var(--ids-color-action-default), 0px 0px 0px .5px var(--ids-color-action-default);
   --ids-button-tertiary-font-weight: var(--ids-font-weight-semibold);
-  --ids-button-tertiary-color-background-pressed: var(--ids-color-accent-gray-weakest);
-  --ids-button-tertiary-color-border-pressed: var(--ids-color-accent-gray-weakest);
+  --ids-button-tertiary-color-background-pressed: var(--ids-color-accent-neutral-weakest);
+  --ids-button-tertiary-color-border-pressed: var(--ids-color-accent-neutral-weakest);
   --ids-button-tertiary-color-text-pressed: var(--ids-color-foreground-default-default);
   --ids-button-icon-padding: calc(var(--ids-space-xs) - 2px);
   --ids-button-icon-height: 36px;
@@ -624,7 +680,7 @@
   --ids-button-destructive-color-background-hover: var(--ids-color-error-stronger);
   --ids-button-destructive-color-text-hover: var(--ids-color-foreground-light-default);
   --ids-button-destructive-color-border-hover: var(--ids-color-error-stronger);
-  --ids-button-destructive-opacity-disabled: 0.4;
+  --ids-button-destructive-opacity-disabled: var(--ids-opacity-disabled);
   --ids-button-destructive-color-text-disabled: var(--ids-color-foreground-light-default);
   --ids-button-destructive-color-background-disabled: var(--ids-color-error-default);
   --ids-button-destructive-color-border-disabled: var(--ids-color-error-default);
@@ -636,7 +692,7 @@
   --ids-button-destructive-tertiary-color-text-hover: var(--ids-color-error-stronger);
   --ids-button-destructive-tertiary-color-border-hover: var(--ids-color-error-weak);
   --ids-button-destructive-tertiary-shadow-focus: 0px 0px 0px 1px var(--ids-color-error-stronger), 0px 0px 0px 1px var(--ids-color-error-stronger);
-  --ids-button-destructive-tertiary-opacity-disabled: 0.4;
+  --ids-button-destructive-tertiary-opacity-disabled: var(--ids-opacity-disabled);
   --ids-button-destructive-tertiary-color-text-disabled: var(--ids-color-error-default);
   --ids-button-destructive-tertiary-color-background-disabled: var(--ids-color-background-default);
   --ids-button-destructive-tertiary-color-border-disabled: var(--ids-color-background-default);
@@ -649,31 +705,31 @@
   --ids-button-toggle-color-text-pressed-default: var(--ids-color-accent-blue-stronger);
   --ids-button-toggle-color-text-pressed-orange: var(--ids-color-accent-orange-strong);
   --ids-button-toggle-color-text-pressed-red: var(--ids-color-accent-red-weak);
-  --ids-button-app-menu-color-text-default: var(--ids-color-gray-20);
+  --ids-button-app-menu-color-text-default: var(--ids-color-accent-neutral-weaker);
   --ids-button-app-menu-color-background-hover: var(--ids-app-menu-header-color-background-hover);
   --ids-button-app-menu-color-text-hover: var(--ids-color-white-100);
-  --ids-button-app-menu-color-text-disabled: var(--ids-color-gray-50);
-  --ids-button-alternate-color-text-default: var(--ids-color-gray-10);
+  --ids-button-app-menu-color-text-disabled: var(--ids-color-accent-neutral-default);
+  --ids-button-alternate-color-text-default: var(--ids-color-accent-neutral-weakest);
   --ids-button-alternate-color-text-default-hover: var(--ids-color-white-100);
   --ids-button-alternate-color-background-pressed: var(--ids-color-text-on-primary);
   --ids-button-formatter-color-border-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
-  --ids-button-formatter-opacity-disabled: 0.4;
-  --ids-button-formatter-color-text-hover: var(--ids-color-gray-100);
-  --ids-button-formatter-color-text-disabled: var(--ids-color-gray-50);
-  --ids-button-formatter-color-background-hover: var(--ids-color-gray-20);
-  --ids-button-formatter-color-active: var(--ids-color-gray-100);
+  --ids-button-formatter-opacity-disabled: var(--ids-opacity-disabled);
+  --ids-button-formatter-color-text-hover: var(--ids-color-accent-neutral-strongest);
+  --ids-button-formatter-color-text-disabled: var(--ids-color-accent-neutral-default);
+  --ids-button-formatter-color-background-hover: var(--ids-color-accent-neutral-weaker);
+  --ids-button-formatter-color-active: var(--ids-color-accent-neutral-strongest);
   --ids-button-formatter-color-background-default: transparent;
   --ids-button-formatter-color-border-default: transparent;
-  --ids-button-formatter-color-text-default: var(--ids-color-gray-100);
+  --ids-button-formatter-color-text-default: var(--ids-color-accent-neutral-strongest);
   --ids-button-formatter-size: 34px;
   --ids-button-module-border-radius: 10px;
   --ids-button-module-color-background-hover: rgba(0 0 0 / 0.1);
-  --ids-button-module-color-text-default: var(--ids-color-gray-90);
-  --ids-button-module-color-text-hover: var(--ids-color-gray-100);
-  --ids-button-menu-background-color-active: var(--ids-color-accent-gray-weakest);
+  --ids-button-module-color-text-default: var(--ids-color-neutral-90);
+  --ids-button-module-color-text-hover: var(--ids-color-accent-neutral-strongest);
+  --ids-button-menu-background-color-active: var(--ids-color-accent-neutral-weakest);
   --ids-button-menu-color-text-active: var(--ids-color-foreground-default-default);
-  --ids-button-system-color-background-hover: transparent;
-  --ids-button-system-color-border-hover: transparent;
+  --ids-button-system-color-background-hover: var(--ids-color-transparent);
+  --ids-button-system-color-border-hover: var(--ids-color-transparent);
   --ids-button-system-color-text-hover: var(--ids-color-foreground-default-default);
   --ids-button-ai-color-background-default: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
   --ids-button-ai-color-background-hover: linear-gradient(107deg, #1F405C 17.32%, #0EAA9B 95.32%);
@@ -683,66 +739,75 @@
   --ids-button-ai-color-background-active: linear-gradient(107deg, #058F81 102.35%, #051E4C 5.97%);
   --ids-button-ai-color-text-active: var(--ids-color-foreground-light-default);
   --ids-button-ai-color-background-disabled: linear-gradient(107deg, rgba(37 74 146 / 0.50) 17.32%, rgba(16 183 166 / 0.50) 95.32%);
-  --ids-button-ai-color-background-color-disabled: transparent;
+  --ids-button-ai-color-background-color-disabled: var(--ids-color-transparent);
   --ids-button-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #254A92;
   --ids-button-ai-color-icon-primary: #254A92;
   --ids-button-ai-color-icon-secondary: #10B7A6;
   --ids-button-ai-color-icon-primary-hover: #1A3362;
   --ids-button-ai-color-icon-secondary-hover: #0B9789;
-  --ids-button-ai-opacity-disabled: 0.4;
+  --ids-button-ai-opacity-disabled: var(--ids-opacity-disabled);
   --ids-button-tertiary-ai-color-background-disabled: var(--ids-button-ai-color-background-default);
   --ids-button-tertiary-ai-shadow-focus: 0px 0px 0px 1px #058F81, 0px 0px 0px 1px #051E4C;
   --ids-button-ai-color-loading-dot-default: var(--ids-color-white-100);
-  --ids-breadcrumb-color-text-default: var(--ids-color-text-subtle);
-  --ids-breadcrumb-color-text-disabled: var(--ids-color-text-disabled);
+  --ids-breadcrumb-color-text-default: var(--ids-color-foreground-default-default);
+  --ids-breadcrumb-color-text-disabled: var(--ids-color-foreground-default-disabled);
   --ids-breadcrumb-color-text-emphasis: var(--ids-color-text-inverse);
+  --ids-breadcrumb-color-text-selected: var(--ids-color-foreground-default-default);
+  --ids-breadcrumb-color-text-hover: var(--ids-color-action-stronger);
   --ids-breadcrumb-font-weight: var(--ids-font-weight-normal);
-  --ids-breadcrumb-font-size: var(--ids-font-size-30);
+  --ids-breadcrumb-font-size: var(--ids-font-size-xs);
   --ids-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
   --ids-calendar-toolbar-color-background: var(--ids-color-white-100);
-  --ids-calendar-toolbar-color-border: var(--ids-color-gray-20);
-  --ids-calendar-event-color-background-accent-blue: var(--ids-color-blue-20);
-  --ids-calendar-event-color-border-accent-bluet-blue: var(--ids-color-blue-70);
+  --ids-calendar-toolbar-color-border: var(--ids-color-neutral-20);
+  --ids-calendar-event-color-background-accent-blue: var(--ids-color-accent-blue-weakest);
+  --ids-calendar-event-color-border-accent-blue: var(--ids-color-accent-blue-stronger);
   --ids-calendar-event-color-background-accent-orange: var(--ids-color-orange-30);
   --ids-calendar-event-color-border-accent-orange: var(--ids-color-orange-70);
   --ids-calendar-event-color-background-accent-purple: var(--ids-color-purple-30);
   --ids-calendar-event-color-border-accent-purple: var(--ids-color-purple-70);
-  --ids-calendar-event-color-background: var(--ids-color-blue-20);
+  --ids-calendar-event-color-background: var(--ids-color-accent-blue-weaker);
   --ids-calendar-event-color-border-default: var(--ids-color-orange-70);
-  --ids-calendar-event-color-background-accent-green: var(--ids-color-green-30);
-  --ids-calendar-event-color-border-accent-green: var(--ids-color-green-70);
-  --ids-calendar-event-color-border-focus: var(--ids-color-blue-60);
-  --ids-calendar-event-color-icon-alert: var(--ids-color-orange-60);
-  --ids-calendar-event-color-icon-clock: var(--ids-color-orange-60);
-  --ids-calendar-event-color-icon-pending: var(--ids-color-orange-60);
-  --ids-calendar-event-color-icon-success: var(--ids-color-green-60);
+  --ids-calendar-event-color-background-accent-green: var(--ids-color-accent-green-weaker);
+  --ids-calendar-event-color-border-accent-green: var(--ids-color-accent-green-stronger);
+  --ids-calendar-event-color-border-focus: var(--ids-color-accent-blue-strong);
+  --ids-calendar-event-color-icon-alert: var(--ids-color-accent-orange-strong);
+  --ids-calendar-event-color-icon-clock: var(--ids-color-accent-orange-strong);
+  --ids-calendar-event-color-icon-pending: var(--ids-color-accent-orange-strong);
+  --ids-calendar-event-color-icon-success: var(--ids-color-accent-green-strong);
   --ids-calendar-event-color-background-accent-red: var(--ids-color-red-30);
   --ids-calendar-event-color-border-accent-red: var(--ids-color-red-70);
   --ids-calendar-event-color-background-accent-turqoise: var(--ids-color-teal-30);
-  --ids-calendar-event-color-border-accent-turqoise: var(--ids-color-teal-70);
-  --ids-calendar-event-color-background-accent-gray: var(--ids-color-gray-30);
-  --ids-calendar-event-color-border-accent-gray: var(--ids-color-gray-70);
-  --ids-calendar-event-color-text: var(--ids-color-gray-100);
+  --ids-calendar-event-color-border-accent-turqoise: var(--ids-color-accent-teal-strong);
+  --ids-calendar-event-color-background-accent-neutral: var(--ids-color-neutral-30);
+  --ids-calendar-event-color-border-accent-neutral: var(--ids-color-neutral-70);
+  --ids-calendar-event-color-text: var(--ids-color-foreground-default-default);
   --ids-card-header-title-color: var(--ids-color-foreground-default-default);
   --ids-card-toolbar-padding: var(--ids-space-sm);
   --ids-card-border-radius: var(--ids-border-radius-sm);
   --ids-card-margin-bottom: var(--ids-space-sm);
+  --ids-card-width: auto;
   --ids-card-height: 360px;
   --ids-card-content-height: 310px;
   --ids-card-header-padding-inline-start: var(--ids-space-12);
   --ids-card-header-padding-inline-end: var(--ids-space-12);
-  --ids-card-header-height: 48px;
+  --ids-card-header-height: var(--ids-space-2xl);
   --ids-card-color-background: var(--ids-color-background-elevated);
+  --ids-card-color-background-hover: var(--ids-color-gray-10);
+  --ids-card-color-background-dragged: var(--ids-color-background-elevated);
+  --ids-card-color-background-dropped: var(--ids-color-background-elevated);
   --ids-card-color-border: var(--ids-color-border-weak);
+  --ids-card-color-border-draggable: var(--ids-color-border-weaker);
   --ids-card-color-border-hover: var(--ids-hyperlink-box-color-border-default);
-  --ids-card-divider-color-border: var(--ids-color-gray-20);
+  --ids-card-divider-color-border: var(--ids-color-accent-neutral-weaker);
   --ids-card-shadow: 0px 0px 8px 0px rgba(0 0 0 / 0.10);
   --ids-card-color-background-selected: var(--ids-card-color-background);
   --ids-card-color-border-selected: var(--ids-color-primary);
+  --ids-card-color-border-dropped: var(--ids-color-gray-60);
+  --ids-card-color-border-dragged: var(--ids-color-gray-30);
   --ids-card-color-border-focus: var(--ids-input-color-border-focus);
   --ids-card-color-text-default: var(--ids-color-text-label);
   --ids-card-color-text-hover: var(--ids-color-text-data);
-  --ids-chart-legend-font-size: var(--ids-font-size-30);
+  --ids-chart-legend-font-size: var(--ids-font-size-xs);
   --ids-chart-legend-color-text: var(--ids-color-text-label);
   --ids-chart-color-accent-01: var(--ids-dataviz-color-sequential-01);
   --ids-chart-color-accent-02: var(--ids-dataviz-color-sequential-02);
@@ -766,7 +831,7 @@
   --ids-chart-color-accent-20: var(--ids-dataviz-color-sequential-20);
   --ids-checkbox-color-border-default: var(--ids-color-border-default);
   --ids-checkbox-border: 1px solid var(--ids-color-border-default);
-  --ids-checkbox-border-radius: var(--ids-border-radius-xxs);
+  --ids-checkbox-border-radius: var(--ids-border-radius-2xs);
   --ids-checkbox-color-border-error: var(--ids-color-error-default);
   --ids-checkbox-color-background-selected: var(--ids-color-action-default);
   --ids-checkbox-color-border-selected: var(--ids-color-action-default);
@@ -776,12 +841,12 @@
   --ids-checkbox-color-border-indeterminate: var(--ids-color-action-default);
   --ids-checkbox-color-border-indeterminate-after: var(--ids-color-foreground-light-default);
   --ids-checkbox-border-width-indeterminate: 0 0 2px;
-  --ids-checkbox-color-background-disabled: transparent;
+  --ids-checkbox-color-background-disabled: var(--ids-color-transparent);
   --ids-checkbox-color-border-disabled: var(--ids-color-border-default);
   --ids-checkbox-color-background-selected-disabled: var(--ids-color-action-default);
   --ids-checkbox-color-border-selected-disabled: var(--ids-color-action-default);
   --ids-checkbox-color-text-disabled: var(--ids-color-foreground-default-default);
-  --ids-checkbox-opacity-disabled: 0.4;
+  --ids-checkbox-opacity-disabled: var(--ids-opacity-disabled);
   --ids-checkbox-color-border-focus: var(--ids-color-action-default);
   --ids-checkbox-color-border-focus-error: var(--ids-color-error-default);
   --ids-checkbox-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-default);
@@ -789,65 +854,65 @@
   --ids-checkbox-color-background-multiselect: var(--ids-color-background-default);
   --ids-counts-color-text: var(--ids-color-text-subtle);
   --ids-counts-links-color-text: var(--ids-hyperlink-color-text-default);
-  --ids-counts-label-font-size: var(--ids-font-size-40);
-  --ids-counts-value-font-size: var(--ids-font-size-100);
+  --ids-counts-label-font-size: var(--ids-font-size-sm);
+  --ids-counts-value-font-size: var(--ids-font-size-4xl);
   --ids-data-grid-color-background: var(--ids-color-white-100);
   --ids-data-grid-height-min: 350px;
-  --ids-data-grid-font-size: var(--ids-font-size-40);
-  --ids-data-grid-font-size-sm: var(--ids-font-size-30);
+  --ids-data-grid-font-size: var(--ids-font-size-sm);
+  --ids-data-grid-font-size-sm: var(--ids-font-size-xs);
   --ids-data-grid-modal-row-height: 24px;
   --ids-data-grid-cell-color-background-default: var(--ids-color-white-100);
   --ids-data-grid-cell-color-background-readonly: rgba(0 0 0 / 0.04);
-  --ids-data-grid-cell-color-border: var(--ids-color-gray-30);
+  --ids-data-grid-cell-color-border: var(--ids-color-neutral-30);
   --ids-data-grid-cell-checkbox-color-border: var(--ids-input-color-border-default);
-  --ids-data-grid-cell-color-text-default: var(--ids-color-gray-100);
-  --ids-data-grid-cell-color-text-disabled: var(--ids-color-gray-40);
+  --ids-data-grid-cell-color-text-default: var(--ids-color-foreground-default-default);
+  --ids-data-grid-cell-color-text-disabled: var(--ids-color-foreground-default-disabled);
   --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
-  --ids-data-grid-list-cell-color-border: var(--ids-color-gray-20);
-  --ids-data-grid-list-header-color-border: var(--ids-color-gray-10);
-  --ids-data-grid-list-header-color-background: var(--ids-color-gray-10);
-  --ids-data-grid-list-header-color-text: var(--ids-color-gray-100);
-  --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-gray-30);
+  --ids-data-grid-list-cell-color-border: var(--ids-color-neutral-20);
+  --ids-data-grid-list-header-color-border: var(--ids-color-neutral-10);
+  --ids-data-grid-list-header-color-background: var(--ids-color-neutral-10);
+  --ids-data-grid-list-header-color-text: var(--ids-color-neutral-100);
+  --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-neutral-30);
   --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-white-100);
-  --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-gray-70);
-  --ids-data-grid-header-color-border: var(--ids-color-gray-30);
-  --ids-data-grid-header-color-background-default: var(--ids-color-gray-10);
-  --ids-data-grid-header-color-background-hover: var(--ids-color-gray-20);
+  --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-neutral-70);
+  --ids-data-grid-header-color-border: var(--ids-color-neutral-30);
+  --ids-data-grid-header-color-background-default: var(--ids-color-neutral-10);
+  --ids-data-grid-header-color-background-hover: var(--ids-color-neutral-20);
   --ids-data-grid-header-checkbox-color-background: var(--ids-color-white-100);
-  --ids-data-grid-header-checkbox-color-border: var(--ids-color-gray-40);
-  --ids-data-grid-header-color-icon: var(--ids-color-gray-100);
-  --ids-data-grid-header-drag-background-color: var(--ids-color-gray-30);
-  --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-gray-90);
+  --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-40);
+  --ids-data-grid-header-color-icon: var(--ids-color-neutral-100);
+  --ids-data-grid-header-drag-background-color: var(--ids-color-neutral-30);
+  --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-neutral-90);
   --ids-data-grid-header-color-background-default-placeholder-dragging: var(--ids-color-white-100);
-  --ids-data-grid-header-color-text: var(--ids-color-gray-100);
-  --ids-data-grid-header-color-icon-unsorted: var(--ids-color-gray-50);
-  --ids-data-grid-header-color-icon-sorted: var(--ids-color-gray-100);
+  --ids-data-grid-header-color-text: var(--ids-color-neutral-100);
+  --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-50);
+  --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-100);
   --ids-data-grid-header-lg-padding: 8px var(--ids-data-grid-padding-lg);
   --ids-data-grid-header-md-padding: 8px var(--ids-data-grid-padding-md);
   --ids-data-grid-header-sm-padding: 8px var(--ids-data-grid-padding-sm);
   --ids-data-grid-header-xs-padding: 6px var(--ids-data-grid-padding-xs);
   --ids-data-grid-header-xxs-padding: 5px 2px 0 2px;
-  --ids-data-grid-header-expander-color: var(--ids-color-gray-90);
-  --ids-data-grid-header-expander-color-active: var(--ids-color-gray-100);
-  --ids-data-grid-filter-icon-color: var(--ids-color-gray-90);
-  --ids-data-grid-filter-icon-color-background-hover: transparent;
-  --ids-data-grid-filter-icon-color-hover: var(--ids-color-gray-100);
-  --ids-data-grid-filter-input-color-background: transparent;
-  --ids-data-grid-filter-input-color-border-default: var(--ids-color-gray-50);
-  --ids-data-grid-filter-input-color-text-default: var(--ids-color-gray-100);
-  --ids-data-grid-filter-input-color-border-hover: var(--ids-color-gray-90);
+  --ids-data-grid-header-expander-color: var(--ids-color-neutral-90);
+  --ids-data-grid-header-expander-color-active: var(--ids-color-neutral-100);
+  --ids-data-grid-filter-icon-color: var(--ids-color-neutral-90);
+  --ids-data-grid-filter-icon-color-background-hover: var(--ids-color-transparent);
+  --ids-data-grid-filter-icon-color-hover: var(--ids-color-neutral-100);
+  --ids-data-grid-filter-input-color-background: var(--ids-color-transparent);
+  --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-50);
+  --ids-data-grid-filter-input-color-text-default: var(--ids-color-neutral-100);
+  --ids-data-grid-filter-input-color-border-hover: var(--ids-color-neutral-90);
   --ids-data-grid-filter-input-color-border-focus: var(--ids-color-blue-60);
-  --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-gray-50);
-  --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-gray-40);
-  --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-gray-60);
-  --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-gray-30);
+  --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-50);
+  --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-40);
+  --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-60);
+  --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-30);
   --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-white-100);
-  --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-gray-40);
+  --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
   --ids-data-grid-filter-input-drop-background-color: var(--ids-color-background-default);
   --ids-data-grid-row-height-xxs: 25px;
-  --ids-data-grid-padding-xxs: var(--ids-space-xxxs);
+  --ids-data-grid-padding-xxs: var(--ids-space-3xs);
   --ids-data-grid-row-height-xs: 30px;
-  --ids-data-grid-padding-xs: var(--ids-space-xxs);
+  --ids-data-grid-padding-xs: var(--ids-space-2xs);
   --ids-data-grid-row-height-sm: 35px;
   --ids-data-grid-padding-sm: var(--ids-space-xs);
   --ids-data-grid-row-height-md: 40px;
@@ -856,14 +921,14 @@
   --ids-data-grid-padding-lg: var(--ids-space-sm);
   --ids-data-grid-row-color-background-selected: rgba(85 163 243 / 0.10);
   --ids-data-grid-row-color-background-hover: var(--ids-data-grid-row-color-background-selected);
-  --ids-data-grid-row-alternating-color-background: var(--ids-color-gray-10);
+  --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-10);
   --ids-data-grid-row-shadow-focus: inset 0 0 0 1px var(--ids-color-primary-40), 0 1px 0 0 var(--ids-color-primary-40), 0 0 3px 2px rgb(54 138 192 / 0.3);
   --ids-data-grid-row-grouped-color-background: var(--ids-data-grid-header-color-background-default);
   --ids-data-grid-row-grouped-color-text: var(--ids-data-grid-cell-color-text-default);
   --ids-data-grid-row-grouped-font-weight: var(--ids-font-weight-semibold);
-  --ids-date-picker-open-trigger-button-color-text: var(--ids-color-primary)
+  --ids-date-picker-open-trigger-button-color-text: var(--ids-color-primary);
   --ids-date-picker-color-border: var(--ids-color-primary);
-  --ids-date-picker-dropdown-button-color-text: var(--ids-color-gray-100);
+  --ids-date-picker-dropdown-button-color-text: var(--ids-color-neutral-100);
   --ids-date-picker-dropdown-color-focus: var(--ids-shadow-md);
   --ids-date-picker-color-background: var(--ids-color-white-100);
   --ids-date-picker-picklist-item-color-text-default: var(--ids-color-text-subtle);
@@ -871,77 +936,77 @@
   --ids-date-picker-item-shadow-focus: var(--ids-focus-ring-shadow);
   --ids-date-picker-picklist-item-color-text-selected: var(--ids-color-white-100);
   --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary);
-  --ids-date-picker-picklist-separator-color-background: var(--ids-color-gray-30);
+  --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-30);
   --ids-date-picker-popup-button-primary-color-text: var(--ids-color-blue-70);
   --ids-date-picker-popup-button-primary-color-text-disabled: var(--ids-color-blue-30);
-  --ids-date-picker-popup-button-color-border: var(--ids-color-gray-30);
+  --ids-date-picker-popup-button-color-border: var(--ids-color-neutral-30);
   --ids-date-picker-popup-footer-color-border: var(--ids-date-picker-popup-button-color-border);
-  --ids-date-picker-popup-button-color-text-default: var(--ids-color-gray-60);
-  --ids-date-picker-popup-button-color-text-hover: var(--ids-color-gray-100);
+  --ids-date-picker-popup-button-color-text-default: var(--ids-color-neutral-60);
+  --ids-date-picker-popup-button-color-text-hover: var(--ids-color-neutral-100);
   --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary);
   --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-orange-30);
-  --ids-drawer-action-sheet-color-background: var(--ids-color-white-100);
-  --ids-drawer-action-sheet-color-text: var(--ids-color-gray-100);
+  --ids-drawer-action-sheet-color-background: var(--ids-color-background-default);
+  --ids-drawer-action-sheet-color-text: var(--ids-color-accent-neutral-strongest);
   --ids-drawer-action-sheet-shadow: 0 0 8px rgba(0 0 0 / 0.2);
-  --ids-drawer-app-menu-color-background: var(--ids-color-gray-100);
-  --ids-drawer-app-menu-color-text: var(--ids-color-white-100);
+  --ids-drawer-app-menu-color-background: var(--ids-color-accent-neutral-strongest);
+  --ids-drawer-app-menu-color-text: var(--ids-color-background-default);
   --ids-drawer-app-menu-shadow: 0 0 20px 1px rgba(0 0 0 / 0.75);
   --ids-drawer-width: 300px;
   --ids-dropdown-color-background-default: var(--ids-popup-color-background);
   --ids-dropdown-color-border: var(--ids-color-border-focus);
-  --ids-dropdown-attached-color-border: var(--ids-color-gray-30);
+  --ids-dropdown-attached-color-border: var(--ids-color-neutral-30);
   --ids-dropdown-shadow-default: -3px 3px 3px 0 rgb(54 138 192 / 0.3), 0 2px 3px 0 rgb(54 138 192 / 0.3), 3px 3px 3px 0 rgb(54 138 192 / 0.3);
-  --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-xxs) var(--ids-border-radius-xxs);
-  --ids-dropdown-border-radius-opened-up: var(--ids-border-radius-xxs) var(--ids-border-radius-xxs) 0 0;
+  --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-2xs) var(--ids-border-radius-2xs);
+  --ids-dropdown-border-radius-opened-up: var(--ids-border-radius-2xs) var(--ids-border-radius-2xs) 0 0;
   --ids-dropdown-shadow-opened-up: 0 -1px 2px 0 rgb(54 138 192 / 0.3), 2px 0 3px 0 rgb(54 138 192 / 0.3), -2px -2px 3px 0 rgb(54 138 192 / 0.3);
-  --ids-dropdown-color-icon: var(--ids-color-gray-100);
-  --ids-dropdown-typeahead-color-background: var(--ids-color-gray-10);
-  --ids-dropdown-space-text: 8px;
-  --ids-dropdown-separator-color-border: var(--ids-color-gray-10);
-  --ids-dropdown-separator-padding: 4px;
-  --ids-dropdown-color-text-default: var(--ids-color-gray-100);
-  --ids-dropdown-color-text-selected: var(--ids-color-white-100);
+  --ids-dropdown-color-icon: var(--ids-color-accent-neutral-strongest);
+  --ids-dropdown-typeahead-color-background: var(--ids-color-accent-neutral-weakest);
+  --ids-dropdown-space-text: var(--ids-space-xs);
+  --ids-dropdown-separator-color-border: var(--ids-color-accent-neutral-weakest);
+  --ids-dropdown-separator-padding: var(--ids-space-2xs);
+  --ids-dropdown-color-text-default: var(--ids-color-accent-neutral-strongest);
+  --ids-dropdown-color-text-selected: var(--ids-color-foreground-light-default);
   --ids-dropdown-color-background-selected: var(--ids-color-primary-60);
-  --ids-dropdown-color-background-hover: var(--ids-color-gray-20);
-  --ids-dropdown-group-color-text: var(--ids-color-gray-80);
-  --ids-dropdown-group-color-border: var(--ids-color-gray-30);
-  --ids-dropdown-group-padding: 4px;
-  --ids-dropdown-font-size: var(--ids-font-size-30);
-  --ids-editor-font-family: var(--ids-font-family-default);
-  --ids-editor-font-size: var(--ids-font-size-40);
+  --ids-dropdown-color-background-hover: var(--ids-color-accent-neutral-weaker);
+  --ids-dropdown-group-color-text: var(--ids-color-accent-neutral-stronger);
+  --ids-dropdown-group-color-border: var(--ids-color-border-default);
+  --ids-dropdown-group-padding: var(--ids-space-2xs);
+  --ids-dropdown-font-size: var(--ids-font-size-xs);
+  --ids-editor-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  --ids-editor-font-size: var(--ids-font-size-sm);
   --ids-editor-background-color: var(--ids-color-white-100);
-  --ids-editor-color-border-default: var(--ids-color-gray-40);
-  --ids-editor-border-radius-default: var(--ids-border-radius-xxs);
+  --ids-editor-color-border-default: var(--ids-color-border-weak);
+  --ids-editor-border-radius-default: var(--ids-border-radius-2xs);
   --ids-editor-border-style-default: solid;
-  --ids-editor-border-width-default: 1px;
+  --ids-editor-border-width-default: var(--ids-border-width-sm);
   --ids-editor-outline: 0;
   --ids-editor-font-line-height: var(--ids-line-height-30);
   --ids-editor-padding: var(--ids-space-sm);
-  --ids-editor-color-border-hover: var(--ids-color-gray-90);
+  --ids-editor-color-border-hover: var(--ids-color-border-strong);
   --ids-editor-color-border-focus: var(--ids-color-border-focus);
   --ids-editor-outline-focus: var(--ids-outline-none);
   --ids-editor-shadow-border-focus: var(--ids-shadow-focus);
   --ids-editor-color-border-error: var(--ids-color-error-default);
   --ids-editor-color-text-error: var(--ids-color-error-default);
   --ids-editor-shadow-error: var(--ids-shadow-error);
-  --ids-editor-color-background-readonly: var(--ids-color-gray-20);
+  --ids-editor-color-background-readonly: var(--ids-color-border-weaker);
   --ids-editor-color-border-readonly: var(--ids-editor-color-border-default);
   --ids-editor-color-text-readonly: var(--ids-color-text-data);
-  --ids-editor-source-color-background-readonly: var(--ids-color-gray-10);
+  --ids-editor-source-color-background-readonly: var(--ids-color-neutral-10);
   --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
   --ids-editor-cursor-disabled: var(--ids-cursor-default);
   --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
-  --ids-editor-link-padding: var(--ids-space-xxs);
+  --ids-editor-link-padding: var(--ids-space-2xs);
   --ids-editor-link-color-text-link: var(--ids-color-primary);
   --ids-editor-link-color-text-hover: var(--ids-color-primary-70);
   --ids-editor-link-color-border-focus: var(--ids-color-primary);
-  --ids-editor-link-border-radius-focus: var(--ids-border-radius-xxs);
+  --ids-editor-link-border-radius-focus: var(--ids-border-radius-2xs);
   --ids-editor-link-border-style-focus: solid;
-  --ids-editor-link-border-width-focus: 1px;
+  --ids-editor-link-border-width-focus:var(--ids-border-width-sm)1px;
   --ids-editor-link-outline-focus: var(--ids-outline-none);
   --ids-editor-shadow-focus: var(--ids-shadow-focus);
-  --ids-editor-blockquote-border-inline-start: 2px solid var(--ids-color-gray-40);
-  --ids-editor-blockquote-margin-inline-start: var(--ids-space-xxs);
+  --ids-editor-blockquote-border-inline-start: 2px solid var(--ids-color-border-weak);
+  --ids-editor-blockquote-margin-inline-start: var(--ids-space-2xs);
   --ids-editor-blockquote-margin-inline-end: var(--ids-space-none);
   --ids-editor-blockquote-padding-inline-start: var(--ids-space-12);
   --ids-editor-source-padding: var(--ids-space-none);
@@ -951,9 +1016,9 @@
   --ids-editor-source-line-padding-inline: var(--ids-space-12);
   --ids-editor-source-font-line-height: var(--ids-line-height-30);
   --ids-editor-source-line-font-weight: var(--ids-font-weight-semi-bold);
-  --ids-editor-source-color-background-default: var(--ids-color-gray-10);
-  --ids-editor-source-line-color-text: var(--ids-color-gray-50);
-  --ids-editor-textarea-color-background: transparent;
+  --ids-editor-source-color-background-default: var(--ids-color-neutral-10);
+  --ids-editor-source-line-color-text: var(--ids-color-neutral-50);
+  --ids-editor-textarea-color-background: var(--ids-color-transparent);
   --ids-editor-source-color-text: var(--ids-color-text-data);
   --ids-editor-source-border: none;
   --ids-editor-source-padding-block-start: var(--ids-space-sm);
@@ -961,30 +1026,30 @@
   --ids-editor-source-textarea-font-line-height: var(--ids-line-height-30);
   --ids-editor-source-textarea-outline: var(--ids-space-none);
   --ids-editor-color-text-placeholder: var(--ids-color-foreground-default-disabled);
-  --ids-empty-message-icon-color: var(--ids-color-gray-60);
-  --ids-empty-message-color-icon-fill: transparent;
+  --ids-empty-message-icon-color: var(--ids-color-neutral-60);
+  --ids-empty-message-color-icon-fill: var(--ids-color-transparent);
   --ids-empty-message-icon-margin: var(--ids-space-12);
   --ids-empty-message-icon-height: 80px;
   --ids-empty-message-icon-width: 80px;
   --ids-empty-message-label-padding: var(--ids-space-12) var(--ids-space-xs);
-  --ids-empty-message-label-font-size: var(--ids-font-size-50);
+  --ids-empty-message-label-font-size: var(--ids-font-size-md);
   --ids-empty-message-description-padding: var(--ids-space-none) var(--ids-space-sm) var(--ids-space-sm);
   --ids-empty-message-description-font-align: center;
   --ids-empty-message-button-margin-block-end: var( --ids-space-24);
-  --ids-expandable-area-border-bottom: 1px solid var(--ids-color-gray-30);
-  --ids-homepage-color-background-default: var(--ids-color-gray-10);
-  --ids-hierarchy-legend-color-background-default: var(--ids-color-gray-20);
-  --ids-hierarchy-item-leaf-color-border: var(--ids-color-gray-30);
+  --ids-expandable-area-border-bottom: 1px solid var(--ids-color-border-weaker);
+  --ids-homepage-color-background-default: var(--ids-color-neutral-10);
+  --ids-hierarchy-legend-color-background-default: var(--ids-color-neutral-20);
+  --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-30);
   --ids-hierarchy-item-leaf-shadow: 0 0 8px rgba(0 0 0 / 0.1);
-  --ids-hierarchy-item-border-radius: var(--ids-border-radius-xxs);
-  --ids-hierarchy-item-leaf-before-color-border: var(--ids-color-gray-30);
+  --ids-hierarchy-item-border-radius: var(--ids-border-radius-2xs);
+  --ids-hierarchy-item-leaf-before-color-border: var(--ids-color-neutral-30);
   --ids-hierarchy-item-color-background: var(--ids-color-white-100);
-  --ids-hierarchy-item-leaf-inside-border-left: 5px solid var(--ids-color-gray-80);
+  --ids-hierarchy-item-leaf-inside-border-left: 5px solid var(--ids-color-neutral-80);
   --ids-hierarchy-item-leaf-inside-shadow: none;
-  --ids-hierarchy-item-border-default: 2px solid var(--ids-color-gray-80);
+  --ids-hierarchy-item-border-default: 2px solid var(--ids-color-neutral-80);
   --ids-hierarchy-item-shadow-focus: none;
   --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
-  --ids-header-color-border-bottom: var(--ids-color-gray-30);
+  --ids-header-color-border-bottom: var(--ids-color-neutral-30);
   --ids-header-color-background: var(--ids-color-white-100);
   --ids-header-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
   --ids-header-color-text: var(--ids-color-text-default);
@@ -1001,22 +1066,22 @@
   --ids-header-button-color-border-focus: var(--ids-button-tertiary-color-border-focus);
   --ids-header-button-menu-color-background-active: var(--ids-button-tertiary-color-background-hover);
   --ids-header-button-menu-color-active: var(--ids-button-tertiary-color-text-hover);
-  --ids-header-padding: 8px;
+  --ids-header-padding: var(--ids-space-xs);
   --ids-header-gradient-opacity-none: rgb(0 114 237 / 1);
   --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
   --ids-header-alternate-color-background: var(--ids-color-primary);
   --ids-header-alternate-color-text: var(--ids-color-white-100);
   --ids-hyperlink-color-text-default: var(--ids-color-action-default);
-  --ids-hyperlink-color-text-hover: var(--ids-color-action-stronger);
+  --ids-hyperlink-color-text-hover: var(--ids-color-action-strongest);
   --ids-hyperlink-color-text-visited: var(--ids-color-accent-purple-strong);
   --ids-hyperlink-color-text-disabled: var(--ids-color-foreground-default-disabled);
   --ids-hyperlink-border-radius: var(--ids-border-radius-xs);
   --ids-hyperlink-cursor: var(--ids-cursor-pointer);
-  --ids-hyperlink-font-size: var(--ids-font-size-40);
+  --ids-hyperlink-font-size: var(--ids-font-size-sm);
   --ids-hyperlink-font-weight: var(--ids-font-weight-normal);
   --ids-hyperlink-box-icon-color-text-default: var(--ids-color-accent-purple-strong);
-  --ids-hyperlink-box-color-text-default: var(--ids-color-gray-70);
-  --ids-hyperlink-box-color-border-default: var(--ids-color-gray-70);
+  --ids-hyperlink-box-color-text-default: var(--ids-color-neutral-70);
+  --ids-hyperlink-box-color-border-default: var(--ids-color-neutral-70);
   --ids-hyperlink-box-height: 136px;
   --ids-hyperlink-box-width: 155px;
   --ids-hyperlink-box-width-double: 323px;
@@ -1042,8 +1107,8 @@
   --ids-icon-status-color-teal-color-background: var(--ids-color-teal-10);
   --ids-icon-status-color-purple-color-text: var(--ids-color-purple-60);
   --ids-icon-status-color-purple-color-background: var(--ids-color-purple-10);
-  --ids-icon-status-color-gray-color-text: var(--ids-color-gray-60);
-  --ids-icon-status-color-gray-color-background: var(--ids-color-gray-10);
+  --ids-icon-status-color-neutral-color-text: var(--ids-color-neutral-60);
+  --ids-icon-status-color-neutral-color-background: var(--ids-color-neutral-10);
   --ids-icon-status-color-error-color-text: var(--ids-color-error-default);
   --ids-icon-status-color-error-color-background: var(--ids-color-error-weak);
   --ids-icon-status-color-warning-color-text: var(--ids-color-warning-default);
@@ -1062,11 +1127,11 @@
   --ids-image-initials-border-radius: var(--ids-border-radius-circle);
   --ids-image-initials-color-background: var(--ids-color-accent-purple-strong);
   --ids-image-placeholder-color-background: var(--ids-color-background-default);
-  --ids-image-placeholder-border-radius: var(--ids-border-radius-xxs);
+  --ids-image-placeholder-border-radius: var(--ids-border-radius-2xs);
   --ids-image-status-available-color-background: var(--ids-color-success-default);
   --ids-image-status-busy-color-background: var(--ids-color-error-default);
   --ids-image-status-away-color-background: var(--ids-color-caution-default);
-  --ids-image-status-unknown-color-background: var(--ids-color-accent-gray-default);
+  --ids-image-status-unknown-color-background: var(--ids-color-accent-neutral-default);
   --ids-input-width-10: 75px;
   --ids-input-width-20: 150px;
   --ids-input-width-30: 225px;
@@ -1077,10 +1142,10 @@
   --ids-input-height-20: 30px;
   --ids-input-height-30: 38px;
   --ids-input-height-40: 48px;
-  --ids-input-margin-bottom: 8px;
-  --ids-input-label-font-size: var(--ids-font-size-30);
-  --ids-input-font-size: var(--ids-font-size-40);
-  --ids-input-font-size-sm: var(--ids-font-size-40);
+  --ids-input-margin-bottom: var(--ids-space-xs);
+  --ids-input-label-font-size: var(--ids-font-size-xs);
+  --ids-input-font-size: var(--ids-font-size-sm);
+  --ids-input-font-size-sm: var(--ids-font-size-sm);
   --ids-input-color-background-default: var(--ids-color-background-default);
   --ids-input-color-border-default: var(--ids-color-border-default);
   --ids-input-color-text-default: var(--ids-color-foreground-default-default);
@@ -1089,20 +1154,20 @@
   --ids-input-label-color-text-default: var(--ids-color-foreground-default-default);
   --ids-input-color-border-readonly: var(--ids-color-border-weak);
   --ids-input-color-text-readonly: var(--ids-color-border-weak);
-  --ids-input-color-background-readonly: var(--ids-color-accent-gray-weaker);
+  --ids-input-color-background-readonly: var(--ids-color-accent-neutral-weaker);
   --ids-input-color-text-disabled: var(--ids-color-foreground-default-default);
   --ids-input-color-border-disabled: var(--ids-color-border-default);
   --ids-input-label-color-text-disabled: var(--ids-color-foreground-default-default);
-  --ids-input-disabled-opacity: 0.4;
+  --ids-input-disabled-opacity: var(--ids-opacity-disabled);
   --ids-input-color-border-hover: var(--ids-color-border-strong);
   --ids-input-color-border-focus: var(--ids-color-action-default);
   --ids-input-color-border-shadow: var(--ids-shadow-focus);
-  --ids-input-header-color-text-default: var(--ids-color-gray-100);
+  --ids-input-header-color-text-default: var(--ids-color-accent-neutral-strongest);
   --ids-input-header-color-text-placeholder: rgba(62 62 66 / 0.7);
   --ids-input-header-color-background: var(--ids-color-text-on-primary);
   --ids-input-header-color-border: rgba(62 62 66 / 0.7);
-  --ids-input-color-border-alert-default: var(--ids-color-orange-80);
-  --ids-input-color-text-alert-default: var(--ids-color-orange-80);
+  --ids-input-color-border-alert-default: var(--ids-color-accent-orange-stronger);
+  --ids-input-color-text-alert-default: var(--ids-color-accent-orange-stronger);
   --ids-input-shadow-alert-focus: var(--ids-color-shadow-warning);
   --ids-input-color-border-alert-disabled: var(--ids-color-orange-30);
   --ids-input-color-text-alert-disabled: var(--ids-color-orange-30);
@@ -1117,13 +1182,13 @@
   --ids-input-color-border-info-disabled: var(--ids-color-blue-30);
   --ids-input-color-text-info-disabled: var(--ids-color-blue-30);
   --ids-input-color-border-success-default: var(--ids-color-success-default);
-  --ids-input-color-text-success-default: var(--ids-color-green-80);
+  --ids-input-color-text-success-default: var(--ids-color-success-default);
   --ids-input-shadow-success-focus: rgba(42 195 113 / 0.3);
   --ids-input-color-border-success-disabled: var(--ids-color-green-30);
   --ids-input-color-text-success-disabled: var(--ids-color-green-30);
-  --ids-lookup-result-count-font-size: var(--ids-font-size-40);
+  --ids-lookup-result-count-font-size: var(--ids-font-size-sm);
   --ids-lookup-result-count-margin: 0 8px;
-  --ids-link-list-title-color-text-default: var(--ids-color-gray-100);
+  --ids-link-list-title-color-text-default: var(--ids-color-accent-neutral-strongest);
   --ids-link-list-top-margin: -3px;
   --ids-link-list-item-margin: 12px;
   --ids-link-list-title-bottom-margin: 20px;
@@ -1133,47 +1198,48 @@
   --ids-line-height-20: 1.25;
   --ids-line-height-30: 1.5;
   --ids-line-height-40: 2;
-  --ids-layout-grid-color-background: var(--ids-color-gray-20);
+  --ids-layout-grid-color-background: var(--ids-color-neutral-20);
   --ids-layout-grid-color-text: var(--ids-color-text-default);
-  --ids-list-builder-border: 1px solid var(--ids-color-gray-40);
-  --ids-list-builder-border-radius: var(--ids-border-radius-xxs);
+  --ids-list-builder-border: 1px solid var(--ids-color-accent-neutral-weak);
+  --ids-list-builder-border-radius: var(--ids-border-radius-2xs);
   --ids-list-builder-color-background: rgba(71 71 76 / 0.3);
-  --ids-list-builder-border-width: 0;
+  --ids-list-builder-border-width: var(--ids-border-width-none);
   --ids-list-builder-input-height: var(--ids-size-10);
+  --ids-list-builder-edit-color-background: var(--ids-color-accent-blue-strong);
   --ids-list-builder-input-text-color: var(--ids-color-white-100);
   --ids-list-builder-input-padding: var(--ids-space-none);
   --ids-list-builder-item-border: 1px solid transparent;
   --ids-list-builder-item-padding: var(--ids-space-12) var(--ids-space-20);
-  --ids-list-builder-item-height: var(--ids-size-50);
+  --ids-list-builder-item-height: var(--ids-space-2xl);
   --ids-list-builder-item-line-height: 23px;
-  --ids-list-builder-item-height-min: var(--ids-size-40);
+  --ids-list-builder-item-height-min: 38px;
   --ids-list-builder-drag-content: "⁞";
   --ids-list-builder-item-cursor-drag: move;
-  --ids-list-builder-item-font-size-drag: var(--ids-font-size-60);
-  --ids-list-builder-item-color-background-placeholder: var(--ids-color-blue-10);
+  --ids-list-builder-item-font-size-drag: var(--ids-font-size-lg);
+  --ids-list-builder-item-color-background-placeholder: var(--ids-color-accent-blue-weakest);
   --ids-list-builder-item-placeholder-opacity: 0.6;
   --ids-list-view-height: 100%;
-  --ids-list-view-color-border-focus: var(--ids-color-blue-40);
+  --ids-list-view-color-border-focus: var(--ids-color-accent-blue-weak);
   --ids-list-view-item-color-background-default: var(--ids-color-white-100);
   --ids-list-view-item-border: 1px solid transparent;
-  --ids-list-view-item-color-border-top: var(--ids-color-gray-20);
+  --ids-list-view-item-color-border-top: var(--ids-color-accent-neutral-weaker);
   --ids-list-view-item-padding: var(--ids-space-12) var(--ids-space-20);
-  --ids-list-view-item-color-border-focus: var(--ids-color-blue-40);
+  --ids-list-view-item-color-border-focus: var(--ids-color-accent-blue-weak);
   --ids-list-view-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
   --ids-list-view-item-outline-focus: none;
-  --ids-list-view-item-color-text-disabled: var(--ids-color-gray-30);
-  --ids-list-view-item-color-border-disabled-focus: transparent;
-  --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-gray-20);
+  --ids-list-view-item-color-text-disabled: var(--ids-color-neutral-30);
+  --ids-list-view-item-color-border-disabled-focus: var(--ids-color-transparent);
+  --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-accent-neutral-weaker);
   --ids-list-view-item-shadow-disabled-focus: none;
-  --ids-list-view-item-color-background-disabled: var(--ids-color-gray-30);
-  --ids-list-view-item-color-border-disabled: var(--ids-color-gray-30);
+  --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-30);
+  --ids-list-view-item-color-border-disabled: var(--ids-color-neutral-30);
   --ids-list-view-item-badge-color-text-disabled: var(--ids-color-white-100);
-  --ids-list-view-item-color-text-link-disabled: var(--ids-color-gray-30);
+  --ids-list-view-item-color-text-link-disabled: var(--ids-color-neutral-30);
   --ids-list-view-item-opacity-disabled: 0.5;
-  --ids-list-view-color-background-selected: var(--ids-color-blue-10);
-  --ids-list-view-group-header-color-background: var(--ids-color-gray-10);
-  --ids-list-view-group-header-color-text: var(--ids-color-gray-100);
-  --ids-list-view-group-header-color-border: var(--ids-color-gray-20);
+  --ids-list-view-color-background-selected: var(--ids-color-action-weakest);
+  --ids-list-view-group-header-color-background: var(--ids-color-neutral-10);
+  --ids-list-view-group-header-color-text: var(--ids-color-neutral-100);
+  --ids-list-view-group-header-color-border: var(--ids-color-neutral-20);
   --ids-list-view-group-header-height: 36px;
   --ids-list-view-group-header-font-size: 14px;
   --ids-list-view-group-header-padding: var(--ids-space-12);
@@ -1187,25 +1253,25 @@
   --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-red-20);
   --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-red-60);
   --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-red-30);
-  --ids-masthead-color-background: var(--ids-color-gray-100);
-  --ids-masthead-color-text: var(--ids-color-gray-10);
+  --ids-masthead-color-background: var(--ids-color-accent-neutral-strongest);
+  --ids-masthead-color-text: var(--ids-color-accent-neutral-weakest);
   --ids-masthead-padding-inline: var(--ids-space-xs);
   --ids-masthead-height: 40px;
-  --ids-masthead-logo-padding-icon-inline: var(--ids-space-xxxs);
+  --ids-masthead-logo-padding-icon-inline: var(--ids-space-3xs);
   --ids-masthead-logo-top-space-icon: 2px;
   --ids-masthead-title-margin-inline: var(--ids-space-xs);
   --ids-masthead-color-hover: var(--ids-color-white-100);
   --ids-menu-header-font-weight: var(--ids-font-weight-semibold);
   --ids-menu-header-margin: var(--ids-space-xs);
   --ids-menu-header-padding: var(--ids-space-xs);
-  --ids-menu-header-font-size: var(--ids-font-size-40);
-  --ids-menu-header-color-text: var(--ids-color-gray-70);
+  --ids-menu-header-font-size: var(--ids-font-size-sm);
+  --ids-menu-header-color-text: var(--ids-color-neutral-70);
   --ids-menu-header-icon-padding: 38px;
   --ids-menu-item-width-min: 110px;
-  --ids-menu-item-font-size: var(--ids-font-size-40);
-  --ids-menu-item-padding: 8px 8px;
-  --ids-menu-item-color-text-disabled: var(--ids-color-gray-30);
-  --ids-menu-item-highlight-color: var(--ids-color-gray-20);
+  --ids-menu-item-font-size: var(--ids-font-size-sm);
+  --ids-menu-item-padding: var( --ids-space-xs) var( --ids-space-xs);
+  --ids-menu-item-color-text-disabled: var(--ids-color-foreground-default-disabled);
+  --ids-menu-item-highlight-color: var(--ids-color-accent-neutral-weaker);
   --ids-menu-item-color-text-default: var(--ids-color-foreground-default-default);
   --ids-menu-check-color-default: var(--ids-color-primary);
   --ids-menu-check-color-disabled: var(--ids-color-text-disabled);
@@ -1218,59 +1284,62 @@
   --ids-modal-color-border: var(--ids-popup-color-border);
   --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
   --ids-modal-color-text: var(--ids-color-text-default);
-  --ids-modal-border-radius: var(--ids-border-radius-xxs);
-  --ids-modal-padding: 0;
+  --ids-modal-border-radius: var(--ids-border-radius-2xs);
+  --ids-modal-padding: var(--ids-space-none);
   --ids-modal-header-padding: var(--ids-space-sm);
   --ids-modal-content-padding: var(--ids-space-sm) var(--ids-space-sm) 0px var(--ids-space-sm);
   --ids-modal-footer-margin: var(--ids-space-sm) 0 0 0;
-  --ids-modal-footer-color-border: var(--ids-color-gray-30);
-  --ids-modal-button-color-default: var(--ids-color-primary);
-  --ids-modal-button-color-hover: var(--ids-color-primary-80);
-  --ids-modal-button-secondary-color-default: var(--ids-color-grey-70);
-  --ids-modal-button-secondary-color-hover: var(--ids-color-grey-100);
+  --ids-modal-footer-color-border: var(--ids-color-border-weak);
+  --ids-modal-button-color-default: var(--ids-color-action-default);
+  --ids-modal-button-color-hover: var(--ids-color-action-stronger);
+  --ids-modal-button-secondary-color-default: var(--ids-color-foreground-default-secondary);
+  --ids-modal-button-secondary-color-hover: var(--ids-color-foreground-default-default);
   --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-primary);
-  --ids-module-nav-background-color: var(--ids-color-gray-10);
-  --ids-module-nav-border-color: var(--ids-color-gray-30);
-  --ids-module-nav-common-border-radius: 8px;
+  --ids-module-nav-background-color: var(--ids-color-accent-neutral-weakest);
+  --ids-module-nav-border-color: var(--ids-color-border-weaker);
+  --ids-module-nav-common-border-radius: var(--ids-border-radius-sm);
   --ids-module-nav-collapsed-size: 56px;
-  --ids-module-nav-gutter-size: 4px;
+  --ids-module-nav-gutter-size: var(--ids-space-2xs);
   --ids-module-nav-expanded-size: 320px;
-  --ids-module-nav-text-color: var(--ids-color-gray-60);
+  --ids-module-nav-text-color: var(--ids-color-foreground-default-default);
   --ids-module-nav-bar-z-index: var(--ids-z-index-20);
   --ids-module-nav-content-z-index: var(--ids-z-index-0);
   --ids-module-nav-content-overlay-z-index: var(--ids-z-index-10);
   --ids-module-nav-bar-padding-top: 5px;
-  --ids-module-nav-detail-background-color: var(--ids-color-gray-20);
+  --ids-module-nav-detail-background-color: var(--ids-color-accent-neutral-weaker);
   --ids-module-nav-detail-size: 300px;
   --ids-module-nav-accordion-gutter-size: 8px;
-  --ids-module-nav-separator-color: var(--ids-color-gray-20);
+  --ids-module-nav-separator-color: var(--ids-color-border-weaker);
   --ids-module-nav-separator-expanded-edge-distance: 22px;
-  --ids-module-nav-input-border-width: 1px;
+  --ids-module-nav-input-border-width: var(--ids-border-width-sm);
   --ids-module-nav-input-padding-inline-start-size: 10px;
   --ids-module-nav-input-bg-color: var(--ids-color-white-100);
-  --ids-module-nav-input-border-color: var(--ids-color-gray-20);
-  --ids-module-nav-input-text-color: var(--ids-color-gray-60);
+  --ids-module-nav-input-border-color: var(--ids-color-border-weaker);
+  --ids-module-nav-input-text-color: var(--ids-color-accent-neutral-strong);
   --ids-module-nav-search-input-width: calc(var(--ids-module-nav-detail-size) + 2px);
-  --ids-module-nav-input-focus-bg-color: var(--ids-color-gray-10);
-  --ids-module-nav-input-hover-bg-color: var(--ids-color-gray-20);
+  --ids-module-nav-input-focus-bg-color: var(--ids-color-accent-neutral-weakest);
+  --ids-module-nav-input-hover-bg-color: var(--ids-color-accent-neutral-weaker);
   --ids-module-nav-item-height: 40px;
   --ids-module-nav-item-padding-size: 13px;
-  --ids-module-nav-item-margin-block: 4px;
-  --ids-module-nav-item-margin-inline: 8px;
-  --ids-module-nav-item-padding-block: 8px;
+  --ids-module-nav-item-margin-block: var(--ids-space-2xs);
+  --ids-module-nav-item-margin-inline: var(--ids-space-xs);
+  --ids-module-nav-item-padding-block: var(--ids-space-xs);
   --ids-module-nav-item-icon-start-spacing: 11px;
   --ids-module-nav-item-icon-end-spacing: 19px;
   --ids-module-nav-item-dropdown-icon-size: 13px;
   --ids-module-nav-item-collapsed-size: 40px;
   --ids-module-nav-item-display-icon-collapsed-margin: 10px;
-  --ids-module-nav-item-collapsed-general-spacing-size: 4px;
-  --ids-module-nav-item-collapsed-first-last-spacing-size: 8px;
-  --ids-module-nav-item-expanded-icon-text-spacing-size: var(--ids-space-sm);
-  --ids-module-nav-item-text-color: var(--ids-color-gray-100);
-  --ids-module-nav-item-hover-bg-color: var(--ids-color-gray-20);
-  --ids-module-nav-item-hover-text-color: var(--ids-color-gray-100);
-  --ids-module-nav-item-selected-bg-color: var(--ids-color-blue-10);
-  --ids-module-nav-item-selected-text-color: var(--ids-color-blue-70);
+  --ids-module-nav-item-collapsed-general-space-size: 4px;
+  --ids-module-nav-item-collapsed-first-last-space-size: var(--ids-space-xs);
+  --ids-module-nav-item-expanded-icon-text-space-size: var(--ids-space-sm);
+  --ids-module-nav-item-text-color: var(--ids-color-foreground-default-default);
+  --ids-module-nav-item-hover-bg-color: var(--ids-color-accent-neutral-weaker);
+  --ids-module-nav-item-hover-text-color: var(--ids-color-foreground-default-default);
+  --ids-module-nav-item-active-bg-color: var(--ids-color-action-weakest);
+  --ids-module-nav-item-active-text-color: var(--ids-color-action-default);
+  --ids-module-nav-item-active-border-color: var(--ids-color-action-default);
+  --ids-module-nav-item-selected-bg-color: var(--ids-color-action-weakest);
+  --ids-module-nav-item-selected-text-color: var(--ids-color-action-default);
   --ids-module-nav-item-top-expander-size: 31px;
   --ids-module-nav-item-sub-expander-size: 23px;
   --ids-module-nav-switcher-button-size: 40px;
@@ -1278,42 +1347,43 @@
   --ids-module-nav-switcher-button-icon-margin: 2px;
   --ids-module-nav-switcher-dropdown-height: 40px;
   --ids-module-nav-switcher-dropdown-width: 260px;
-  --ids-module-nav-switcher-dropdown-item-margin-block: 4px;
+  --ids-module-nav-switcher-dropdown-item-margin-block: var(--ids-space-2xs);
   --ids-module-nav-switcher-dropdown-item-height: 48px;
-  --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-gray-10);
-  --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-gray-20);
-  --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-gray-60);
+  --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-neutral-10);
+  --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-neutral-20);
+  --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-neutral-60);
   --ids-module-nav-switcher-dropdown-icon-top-offset: 11px;
   --ids-module-nav-search-wrapper-height: 40px;
   --ids-module-nav-search-input-height: 40px;
   --ids-module-nav-search-input-icon-y-offset: 20px;
-  --ids-module-nav-search-input-bg-color: var(--ids-color-gray-20);
-  --ids-module-nav-search-input-text-color: var(--ids-color-gray-80);
+  --ids-module-nav-search-input-bg-color: var(--ids-color-accent-neutral-weaker);
+  --ids-module-nav-search-input-hover-bg-color: var(--ids-color-accent-neutral-weaker);
+  --ids-module-nav-search-input-text-color: var(--ids-color-accent-neutral-stronger);
   --ids-module-nav-search-input-focused-bg-color: var(--ids-color-white-100);
-  --ids-module-nav-search-input-focused-text-color: var(--ids-color-gray-100);
-  --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-gray-100);
-  --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-gray-40);
+  --ids-module-nav-search-input-focused-text-color: var(--ids-color-accent-neutral-strongest);
+  --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-accent-neutral-strongest);
+  --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-accent-neutral-weak);
   --ids-module-nav-search-close-icon-x-offset: 12px;
   --ids-module-nav-settings-menu-box-shadow: 0 0 8px 1px rgba(0 0 0 / 0.08);
   --ids-module-nav-settings-menu-item-height: 40px;
-  --ids-module-nav-settings-menu-item-text-color: var(--ids-color-gray-80);
-  --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-gray-70);
+  --ids-module-nav-settings-menu-item-text-color: var(--ids-color-accent-neutral-stronger);
+  --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-neutral-70);
   --ids-module-nav-settings-menu-min-width: 300px;
-  --ids-module-nav-settings-menu-separator-color: var(--ids-color-gray-10);
-  --ids-module-nav-settings-menu-gutter-size: 8px;
-  --ids-module-nav-footer-gutter-size: 8px;
+  --ids-module-nav-settings-menu-separator-color: var(--ids-color-accent-neutral-weakest);
+  --ids-module-nav-settings-menu-gutter-size: var(--ids-space-xs);
+  --ids-module-nav-footer-gutter-size: var(--ids-space-xs);
   --ids-calendar-month-view-color-background-default: var(--ids-color-white-100);
-  --ids-calendar-month-view-color-border: var(--ids-color-gray-20);
-  --ids-calendar-month-view-color-text-alternate: var(--ids-color-gray-40);
+  --ids-calendar-month-view-color-border: var(--ids-color-neutral-20);
+  --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-40);
   --ids-calendar-month-view-color-background-hover: rgb(240 240 240 / 0.5);
-  --ids-calendar-month-view-color-background-selected: var(--ids-color-gray-10);
+  --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-10);
   --ids-calendar-month-view-color-selected: var(--ids-color-primary);
-  --ids-calendar-month-view-color-background-disabled: var(--ids-color-gray-20);
+  --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-20);
   --ids-calendar-month-view-legend-color-text: var(--ids-calendar-month-view-color-text-default);
-  --ids-calendar-month-view-color-text-default: var(--ids-color-gray-80);
+  --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-80);
   --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
   --ids-month-view-week-number-text-color: var(--ids-calendar-month-view-color-text-compact);
-  --ids-calendar-month-view-color-text-compact: var(--ids-color-gray-40);
+  --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-40);
   --ids-calendar-month-view-day-color-background-compact-hover: var(--ids-calendar-month-view-color-border);
   --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-calendar-month-view-color-text-default);
   --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-primary);
@@ -1321,19 +1391,20 @@
   --ids-calendar-month-view-range-color-background-compact: var(--ids-calendar-month-view-color-border);
   --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-primary);
   --ids-calendar-month-view-range-color-text-compact-selected: var(--ids-color-white-100);
-  --ids-calendar-month-view-today-color-border-compact: var(--ids-color-gray-30);
+  --ids-calendar-month-view-today-color-border-compact: var(--ids-color-neutral-30);
   --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
-  --ids-multiselect-font-size: var(--ids-font-size-30);
+  --ids-multiselect-font-size: var(--ids-font-size-xs);
   --ids-notification-badge-size: 6px;
   --ids-notification-badge-border-radius: var(--ids-border-radius-xs);
   --ids-notification-badge-error-color-background: var(--ids-color-error-default);
   --ids-notification-badge-info-color-background: var(--ids-color-info-default);
   --ids-notification-badge-success-color-background: var(--ids-color-success-default);
   --ids-notification-badge-warning-color-background: var(--ids-color-warning-default);
-  --ids-notification-banner-height: var(--ids-size-50);
+  --ids-notification-text-color: var(--ids-color-action-stronger);
+  --ids-notification-banner-height: var(--ids-space-2xl);
   --ids-notification-banner-padding: var(--ids-space-xs);
   --ids-notification-banner-color-text: var(--ids-color-text-subtle);
-  --ids-notification-banner-button-padding: var(--ids-space-xxxs);
+  --ids-notification-banner-button-padding: var(--ids-space-3xs);
   --ids-notification-banner-button-color-background-hover: rgb(0 0 0 / .1);
   --ids-notification-banner-success-color-background: var(--ids-color-success-weak);
   --ids-notification-banner-warning-color-background: var(--ids-color-warning-weak);
@@ -1341,24 +1412,24 @@
   --ids-notification-banner-error-color-background: var(--ids-color-error-weak);
   --ids-overlay-background-color: 0 0 0;
   --ids-overlay-page-background-color: 255 255 255;
-  --ids-chart-pie-font-family: var(--ids-font-family-default);
-  --ids-chart-pie-font-size: var(--ids-font-size-10);
+  --ids-chart-pie-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  --ids-chart-pie-font-size: var(--ids-font-size-3xs);
   --ids-chart-pie-color-text: var(--ids-color-text-label);
-  --ids-popup-arrow-size: 8px;
+  --ids-popup-arrow-size: var(--ids-space-xs);
   --ids-popup-color-background: var(--ids-color-background-elevated);
   --ids-popup-color-border: var(--ids-color-border-weak);
-  --ids-popup-padding: var(--ids-space-08);
+  --ids-popup-padding: var(--ids-space-xs);
   --ids-popup-shadow: 0px 0px 8px 0px rgba(0 0 0 / 0.10);
   --ids-popup-fit-height: 100%;
   --ids-popup-menu-color-background-default: var(--ids-popup-color-background);
   --ids-popup-menu-color-border-default: var(--ids-popup-color-border);
-  --ids-popup-menu-padding: var(--ids-space-xxs);
-  --ids-popup-menu-color-text-default: var(--ids-color-gray-80);
-  --ids-popup-menu-font-size: var(--ids-font-size-30);
-  --ids-popup-menu-border-radius: var(--ids-border-radius-xxs);
+  --ids-popup-menu-padding: var(--ids-space-2xs);
+  --ids-popup-menu-color-text-default: var(--ids-color-foreground-default-default);
+  --ids-popup-menu-font-size: var(--ids-font-size-xs);
+  --ids-popup-menu-border-radius: var(--ids-border-radius-2xs);
   --ids-popup-menu-shadow-default: var(--ids-popup-shadow);
-  --ids-popup-menu-color-background-inverse: var(--ids-color-gray-100);
-  --ids-popup-menu-color-border-inverse: var(--ids-color-gray-10);
+  --ids-popup-menu-color-background-inverse: var(--ids-color-accent-neutral-strongest);
+  --ids-popup-menu-color-border-inverse: var(--ids-color-accent-neutral-weakest);
   --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
   --ids-popup-menu-color-text-inverse: var(--ids-color-white-100);
   --ids-progress-bar-color-text-disabled: var(--ids-color-text-disabled);
@@ -1371,36 +1442,36 @@
   --ids-progress-bar-margin: var(--ids-space-sm) var(--ids-space-none);
   --ids-progress-bar-fill-color-background: var(--ids-color-theme-strong);
   --ids-progress-bar-label-color-text: var(--ids-color-text-label);
-  --ids-progress-bar-label-audible-margin: var(--ids-space-xxxs) var(--ids-space-none);
+  --ids-progress-bar-label-audible-margin: var(--ids-space-3xs) var(--ids-space-none);
   --ids-progress-bar-grid-cell-margin: var(--ids-space-sm);
-  --ids-progress-chart-font-family: var(--ids-font-family-default);
+  --ids-progress-chart-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
   --ids-progress-chart-margin: var(--ids-space-none) var(--ids-space-none) var(--ids-space-xs);
-  --ids-progress-chart-label-font-size: var(--ids-font-size-40);
+  --ids-progress-chart-label-font-size: var(--ids-font-size-sm);
   --ids-progress-chart-label-margin-bottom: var(--ids-space-xs);
-  --ids-progress-chart-label-color-text: var(--ids-color-gray-60);
-  --ids-progress-chart-label-main-margin: var(--ids-space-none) var(--ids-space-xxs) var(--ids-space-none) var(--ids-space-none);
-  --ids-progress-chart-label-progress-margin: var(--ids-space-none) var(--ids-space-xxs);
-  --ids-progress-chart-bar-border-radius: var(--ids-border-radius-xxs);
+  --ids-progress-chart-label-color-text: var(--ids-color-neutral-60);
+  --ids-progress-chart-label-main-margin: var(--ids-space-none) var(--ids-space-2xs) var(--ids-space-none) var(--ids-space-none);
+  --ids-progress-chart-label-progress-margin: var(--ids-space-none) var(--ids-space-2xs);
+  --ids-progress-chart-bar-border-radius: var(--ids-border-radius-2xs);
   --ids-progress-chart-height-min: 28px;
   --ids-progress-chart-bar-width-min: 66px;
-  --ids-progress-chart-total-color-background: var(--ids-color-gray-30);
-  --ids-progress-chart-bar-progress-color-background: var(--ids-color-gray-60);
+  --ids-progress-chart-total-color-background: var(--ids-color-neutral-30);
+  --ids-progress-chart-bar-progress-color-background: var(--ids-color-neutral-60);
   --ids-process-indicator-color-text: var(--ids-color-text-label);
-  --ids-process-indicator-step-margin-top: 40px;
-  --ids-process-indicator-margin: var(--ids-space-none) var(--ids-space-xxs) var(--ids-space-none) var(--ids-space-none);
-  --ids-process-indicator-text-margin: var(--ids-space-none) var(--ids-space-xxs) var(--ids-space-xxs) var(--ids-space-none);
+  --ids-process-indicator-step-margin-top: var(--ids-space-xl);
+  --ids-process-indicator-margin: var(--ids-space-none) var(--ids-space-2xs) var(--ids-space-none) var(--ids-space-none);
+  --ids-process-indicator-text-margin: var(--ids-space-none) var(--ids-space-2xs) var(--ids-space-2xs) var(--ids-space-none);
   --ids-process-indicator-color-background: var(--ids-color-background-default);
   --ids-process-indicator-color-primary: var(--ids-color-primary);
   --ids-process-indicator-color-active: var(--ids-color-primary);
-  --ids-process-indicator-color: var(--ids-color-gray-30);
+  --ids-process-indicator-color: var(--ids-color-neutral-30);
   --ids-process-indicator-line-transform: translate(0, 36px);
-  --ids-process-indicator-font-line-height: 2px;
+  --ids-process-indicator-font-line-height: var(--ids-space-3xs);
   --ids-process-indicator-line-color-background: var(--ids-process-indicator-color);
   --ids-process-indicator-step-transform: translate(0, -75%);
   --ids-process-indicator-step-height: 11px;
   --ids-process-indicator-step-width: 11px;
   --ids-process-indicator-border-radius-step: var(--ids-border-radius-circle);
-  --ids-process-indicator-canceled-step-color-background: var(--ids-color-red-60);
+  --ids-process-indicator-canceled-step-color-background: var(--ids-color-accent-red-strong);
   --ids-process-indicator-canceled-step-color-icon: var(--ids-process-indicator-color-background);
   --ids-process-indicator-border-done: 2px solid var(--ids-process-indicator-color-primary);
   --ids-process-indicator-border-started: 2px solid var(--ids-process-indicator-color-active);
@@ -1416,18 +1487,18 @@
   --ids-radio-color-border-disabled: var(--ids-input-color-border-default);
   --ids-radio-color-background-selected-disabled: var(--ids-color-action-default);
   --ids-radio-color-border-selected-disabled: var(--ids-color-action-default);
-  --ids-radio-disabled-opacity: 0.4;
+  --ids-radio-disabled-opacity: var(--ids-opacity-disabled);
   --ids-radio-color-text-default: var(--ids-input-label-color-text-default);
   --ids-radio-color-text-disabled: var(--ids-input-label-color-text-default);
   --ids-rating-star-color-selected: var(--ids-color-accent-orange-strong);
-  --ids-rating-star-color-default: var(--ids-color-accent-gray-default);
+  --ids-rating-star-color-default: var(--ids-color-accent-neutral-default);
   --ids-rating-star-color-hover: var(--ids-button-primary-color-background-default);
-  --ids-rating-star-color-focus: var(--ids-button-primary-color-background-default);
+  --ids-rating-star-color-focus: var(--ids-color-action-default);
   --ids-rating-star-disabled-color: var(--ids-color-text-disabled);
-  --ids-rating-star-margin-inline: var(--ids-space-xxs);
+  --ids-rating-star-margin-inline: var(--ids-space-2xs);
   --ids-input-required-indicator-color-text-default: var(--ids-color-error-default);
   --ids-input-required-indicator-color-text-disabled: var(--ids-color-red-30);
-  --ids-scroll-view-color-icon-default: var(--ids-color-gray-70);
+  --ids-scroll-view-color-icon-default: var(--ids-color-neutral-70);
   --ids-scroll-view-color-icon-selected: var(--ids-color-primary);
   --ids-scroll-view-controls-min-height: 36px;
   --ids-search-field-color-background-default: var(--ids-input-color-background-default);
@@ -1435,37 +1506,41 @@
   --ids-search-field-color-border-focus: var(--ids-input-color-border-focus);
   --ids-search-field-color-border-hover: var(--ids-input-color-border-hover);
   --ids-search-field-button-color-text-hover: var(--ids-button-tertiary-color-text-hover);
-  --ids-search-field-icon-margin: 8px;
+  --ids-search-field-icon-margin: var(--ids-space-xs);
   --ids-search-field-margin: 0;
   --ids-search-field-border-radius: 4px;
-  --ids-search-field-border-width: 1px;
+  --ids-search-field-border-width: var(--ids-border-width-sm);
   --ids-search-field-app-menu-shadow-focus: none;
-  --ids-search-field-app-menu-color-text: var(--ids-color-gray-20);
+  --ids-search-field-app-menu-color-text: var(--ids-color-neutral-20);
   --ids-search-field-app-menu-color-background: #000;
-  --ids-search-field-app-menu-color-icon-default: var(--ids-color-gray-40);
-  --ids-search-field-app-menu-color-icon-hover: var(--ids-color-gray-90);
+  --ids-search-field-app-menu-color-icon-default: var(--ids-color-neutral-40);
+  --ids-search-field-app-menu-color-icon-hover: var(--ids-color-neutral-90);
   --ids-search-field-header-color-background: var(--ids-color-text-on-primary);
   --ids-search-field-header-color-text: var(--ids-color-text-default);
-  --ids-search-field-header-color-icon-default: var(--ids-color-gray-80);
+  --ids-search-field-header-color-icon-default: var(--ids-color-neutral-80);
   --ids-search-field-header-color-icon-hover: var(--ids-button-tertiary-color-background-hover);
   --ids-search-field-card-color-text: var(--ids-color-text-default);
-  --ids-search-field-card-color-background: var(--ids-color-gray-10);
-  --ids-separator-color-background: var(--ids-color-accent-gray-default);
-  --ids-separator-height: 24px;
+  --ids-search-field-card-color-background: var(--ids-color-neutral-10);
+  --ids-segmented-control-box-shadow: 0px 1px 10px 0px rgab(0 0 0 / 10%);
+  --ids-segmented-control-text-color: var(--ids-color-foreground-dark-default);
+  --ids-segmented-control-background-hover: var(--ids-color-background-elevated);
+  --ids-segmented-control-background-selected: var(--ids-color-background-elevated);
+  --ids-separator-color-background: var(--ids-color-accent-neutral-default);
+  --ids-separator-height: var(--ids-space-md);
   --ids-separator-width: 1px;
-  --ids-separator-margin: 4px;
-  --ids-separator-alternate-color-background: var(--ids-color-accent-gray-weaker);
+  --ids-separator-margin: var(--ids-space-2xs);
+  --ids-separator-alternate-color-background: var(--ids-color-accent-neutral-weaker);
   --ids-separator-alternate-margin: var(--ids-space-xs);
   --ids-skip-link-color-background: var(--ids-popup-color-background);
   --ids-skip-link-border-color: var(--ids-popup-color-border);
   --ids-skip-link-margin: var(--ids-space-sm);
-  --ids-skip-link-font-size: var(--ids-font-size-40);
-  --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-xxs) var(--ids-border-radius-xxs);
+  --ids-skip-link-font-size: var(--ids-font-size-sm);
+  --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-2xs) var(--ids-border-radius-2xs);
   --ids-skip-link-shadow: 0 0 4px 1px rgba(0 0 0 / 0.3);
   --ids-spinbox-color-background-default: var(--ids-trigger-field-color-background-default);
   --ids-spinbox-color-background-readonly: var(--ids-trigger-field-color-background-readonly);
   --ids-spinbox-color-text-readonly: var(--ids-trigger-field-color-text-readonly);
-  --ids-spinbox-color-border-focus: var(--ids-trigger-field-color-border-focus)
+  --ids-spinbox-color-border-focus: var(--ids-trigger-field-color-border-focus);
   --ids-spinbox-shadow-focus: var(--ids-trigger-field-shadow-focus);
   --ids-spinbox-color-text-disabled: var(--ids-trigger-field-color-text-disabled);
   --ids-spinbox-color-border-disabled: var(--ids-trigger-field-color-border-disabled);
@@ -1476,76 +1551,77 @@
   --ids-slider-thumb-shadow-hover: 0 2px 5px rgba(0 0 0 / 0.4);
   --ids-slider-thumb-color-shadow-default: rgba(0 114 237 / 0.1);
   --ids-slider-thumb-color-border-default: var(--ids-color-primary);
-  --ids-slider-track-color-background-default: var(--ids-color-gray-40);
+  --ids-slider-track-color-background-default: var(--ids-color-accent-neutral-weak);
   --ids-slider-track-color-background-progress: var(--ids-color-primary);
-  --ids-slider-tooltip-color-background: var(--ids-color-gray-80);
-  --ids-slider-tooltip-color-text: var(--ids-color-white-100);
-  --ids-slider-color-disabled: var(--ids-color-gray-30);
-  --ids-slider-tick-color-background-disabled: var(--ids-color-gray-30);
-  --ids-slider-thumb-color-background-disabled: var(--ids-color-gray-30);
-  --ids-slider-track-color-background-disabled: var(--ids-color-gray-20);
-  --ids-slider-track-color-background-progress-disabled: var(--ids-color-gray-30);
-  --ids-slider-color-readonly: var(--ids-color-gray-30);
-  --ids-slider-tick-color-background-readonly: var(--ids-color-gray-50);
-  --ids-slider-thumb-color-background-readonly: var(--ids-color-gray-50);
+  --ids-slider-tooltip-color-background: var(--ids-color-accent-neutral-stronger);
+  --ids-slider-tooltip-color-text: var(--ids-color-foreground-light-default);
+  --ids-slider-tooltip-padding: 1px 4px;
+  --ids-slider-color-disabled: var(--ids-color-neutral-30);
+  --ids-slider-tick-color-background-disabled: var(--ids-color-neutral-30);
+  --ids-slider-thumb-color-background-disabled: var(--ids-color-neutral-30);
+  --ids-slider-track-color-background-disabled: var(--ids-color-accent-neutral-weaker);
+  --ids-slider-track-color-background-progress-disabled: var(--ids-color-neutral-30);
+  --ids-slider-color-readonly: var(--ids-color-neutral-30);
+  --ids-slider-tick-color-background-readonly: var(--ids-color-accent-neutral-default);
+  --ids-slider-thumb-color-background-readonly: var(--ids-color-accent-neutral-default);
   --ids-slider-thumb-color-shadow-readonly: rgba(119 119 124 / 0.1);
-  --ids-slider-thumb-color-border-readonly: var(--ids-color-gray-50);
-  --ids-slider-track-color-background-readonly: var(--ids-color-gray-40);
-  --ids-slider-track-progress-color-background-readonly: var(--ids-color-gray-50);
-  --ids-splitter-bar-color-border: var(--ids-color-accent-gray-weak);
-  --ids-splitter-bar-color-border-hover: var(--ids-color-accent-gray-weak);
+  --ids-slider-thumb-color-border-readonly: var(--ids-color-accent-neutral-default);
+  --ids-slider-track-color-background-readonly: var(--ids-color-accent-neutral-weak);
+  --ids-slider-track-progress-color-background-readonly: var(--ids-color-accent-neutral-default);
+  --ids-splitter-bar-color-border: var(--ids-color-accent-neutral-weak);
+  --ids-splitter-bar-color-border-hover: var(--ids-color-accent-neutral-weak);
   --ids-splitter-bar-color-border-dragging: var(--ids-color-action-weaker);
-  --ids-splitter-bar-buffer-width: 8px;
+  --ids-splitter-bar-buffer-width: var(--ids-space-xs);
   --ids-splitter-bar-width: 1px;
   --ids-splitter-handle-border-radius: var(--ids-border-radius-xs);
-  --ids-splitter-handle-height: 32px;
+  --ids-splitter-handle-height: var(--ids-space-lg);
   --ids-splitter-handle-width: 6px;
   --ids-splitter-handle-color-background-hover: var(--ids-color-action-default);
   --ids-stats-height: 136px;
   --ids-stats-width: 155px;
   --ids-stats-width-double: 323px;
-  --ids-stats-padding-inline: var(--ids-space-sm) 12px;
-  --ids-stats-padding-block: 8px;
+  --ids-stats-padding-inline: var(--ids-space-xs) 12px;
+  --ids-stats-padding-block: var(--ids-space-xs);
   --ids-stats-positive-color-text: var(--ids-color-success-default);
   --ids-stats-negative-color-text: var(--ids-color-error-default);
   --ids-stats-color-text-default: var(--ids-color-foreground-default-default);
   --ids-stats-color-text-secondary: var(--ids-color-foreground-default-secondary);
   --ids-stats-color-text-tertiary: var(--ids-color-foreground-default-tertiary);
-  --ids-stats-trend-label-font-size: var(--ids-font-size-30);
+  --ids-stats-trend-label-font-size: var(--ids-font-size-xs);
   --ids-step-chart-margin: var(--ids-space-sm);
-  --ids-step-chart-inner-margin: var(--ids-space-xxs);
+  --ids-step-chart-inner-margin: var(--ids-space-2xs);
   --ids-step-chart-height: 14px;
-  --ids-step-chart-color-background-default: var(--ids-color-gray-20);
+  --ids-step-chart-color-background-default: var(--ids-color-neutral-20);
   --ids-step-chart-color-background-complete: var(--ids-color-primary);
   --ids-step-chart-color-background-progress: var(--ids-color-red-20);
   --ids-step-chart-step-disabled-color: var(--ids-color-text-disabled);
   --ids-swappable-border: 1px dashed transparent;
-  --ids-swappable-color-border-active: var(--ids-color-gray-80);
+  --ids-swappable-color-border-active: var(--ids-color-accent-neutral-stronger);
   --ids-swappable-item-border-default: 1px dashed transparent;
-  --ids-swappable-item-font-family: var(--ids-font-family-default);
+  --ids-swappable-item-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
   --ids-swappable-item-cursor-default: var(--ids-cursor-pointer);
   --ids-swappable-item-padding-inline: 2px;
   --ids-swappable-item-padding-block: 8px;
-  --ids-swappable-item-color-background-hover: var(--ids-color-blue-10);
-  --ids-swappable-item-font-size-hover: var(--ids-font-size-60);
-  --ids-swappable-item-border-focus: 1px solid var(--ids-color-blue-40);
+  --ids-swappable-item-color-background-hover: var(--ids-color-accent-blue-weakest);
+  --ids-swappable-item-font-size-hover: var(--ids-font-size-lg);
+  --ids-swappable-item-border-focus: 1px solid var(--ids-color-accent-blue-weak);
   --ids-swappable-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
   --ids-swappable-item-outline-focus: none;
-  --ids-swappable-item-opacity-dragging: 0.4;
+  --ids-swappable-item-opacity-dragging: var(--ids-opacity-disabled);
   --ids-swappable-item-cursor-selected: var(--ids-cursor-move);
   --ids-swappable-item-color-background-selected: var(--ids-color-accent-blue-weakest);
-  --ids-swappable-item-color-border-selected: var(--ids-color-primary);
+  --ids-swappable-item-color-border-selected: var(--ids-color-action-default);
   --ids-swappable-item-color-text-selected: var(--ids-color-foreground-default-default);
-  --ids-swappable-item-over-border: 1px dashed var(--ids-color-gray-80);
+  --ids-swappable-item-over-border: 1px dashed var(--ids-color-accent-neutral-stronger);
   --ids-swaplist-border-radius: var(--ids-card-border-radius);
   --ids-swaplist-shadow: var(--ids-card-shadow);
   --ids-swaplist-card-margin-block-end: var(--ids-space-none);
   --ids-swaplist-border: 1px solid var(--ids-card-color-border);
   --ids-swaplist-card-content-height-min: var(--ids-card-content-height);
   --ids-swaplist-card-border-radius: var(--ids-border-radius-none);
-  --ids-swaplist-inline-start-border-width: 0;
+  --ids-swaplist-inline-start-border-width: var(--ids-border-width-none);
   --ids-swaplist-card-shadow: none;
-  --ids-swaplist-first-child-inline-start-border-width: 1px;
+  --ids-swaplist-first-child-inline-start-border-width: var(--ids-border-width-sm);
   --ids-swaplist-button-color-background-hover: var(--ids-button-tertiary-color-background-hover);
   --ids-swaplist-toolbar-button-padding: var(--ids-space-none);
   --ids-swaplist-button-height: 36px;
@@ -1555,88 +1631,88 @@
   --ids-swaplist-item-margin-block-end: 1px;
   --ids-swaplist-item-line-height: 23px;
   --ids-swaplist-item-over-border: 1px dashed var(--ids-color-text-label);
-  --ids-swaplist-search-color-background-default: var(--ids-color-gray-10);
-  --ids-swaplist-search-color-border-default: var(--ids-color-gray-10);
-  --ids-swaplist-search-color-text-default: var(--ids-color-gray-90);
-  --ids-swaplist-search-color-text-placeholder: var(--ids-color-gray-60);
-  --ids-swaplist-search-color-border-hover: var(--ids-color-gray-80);
-  --ids-swaplist-search-color-border-focus: var(--ids-color-gray-80);
+  --ids-swaplist-search-color-background-default: var(--ids-color-accent-neutral-weakest);
+  --ids-swaplist-search-color-border-default: var(--ids-color-accent-neutral-weakest);
+  --ids-swaplist-search-color-text-default: var(--ids-color-neutral-90);
+  --ids-swaplist-search-color-text-placeholder: var(--ids-color-accent-neutral-strong);
+  --ids-swaplist-search-color-border-hover: var(--ids-color-accent-neutral-stronger);
+  --ids-swaplist-search-color-border-focus: var(--ids-color-accent-neutral-stronger);
   --ids-swaplist-search-color-border-shadow: 0 0 3px 2px rgba(54 138 192 / 0.1);
-  --ids-swipe-action-color-background-left-active: var(--ids-color-gray-40);
-  --ids-swipe-action-color-text-left-active: var(--ids-color-gray-70);
-  --ids-swipe-action-color-background-left: var(--ids-color-gray-30);
-  --ids-swipe-action-color-background-left-hover: var(--ids-color-gray-40);
-  --ids-swipe-action-color-text-left-hover: var(--ids-color-gray-70);
-  --ids-swipe-action-color-text-left: var(--ids-color-gray-60);
+  --ids-swipe-action-color-background-left-active: var(--ids-color-neutral-40);
+  --ids-swipe-action-color-text-left-active: var(--ids-color-neutral-70);
+  --ids-swipe-action-color-background-left: var(--ids-color-neutral-30);
+  --ids-swipe-action-color-background-left-hover: var(--ids-color-neutral-40);
+  --ids-swipe-action-color-text-left-hover: var(--ids-color-neutral-70);
+  --ids-swipe-action-color-text-left: var(--ids-color-neutral-60);
   --ids-swipe-action-color-background-right-active: var(--ids-color-blue-70);
   --ids-swipe-action-color-text-right-active: var(--ids-color-white-100);
   --ids-swipe-action-color-background-right: var(--ids-color-blue-60);
   --ids-swipe-action-color-background-right-hover: var(--ids-color-blue-70);
   --ids-swipe-action-color-text-right-hover: var(--ids-color-white-100);
   --ids-swipe-action-color-text-right: var(--ids-color-white-100);
-  --ids-switch-disabled-opacity: 0.4;
+  --ids-switch-disabled-opacity: var(--ids-opacity-disabled);
   --ids-switch-label-color-text-default: var(--ids-color-text-label);
   --ids-switch-shadow-focus: 0 0 3px 1px var(--ids-color-action-default);
-  --ids-switch-pole-color-background-default: var(--ids-color-accent-gray-weaker);
+  --ids-switch-pole-color-background-default: var(--ids-color-accent-neutral-weaker);
   --ids-switch-pole-color-background-selected: var(--ids-color-action-weaker);
-  --ids-switch-pole-color-border-default: var(--ids-color-accent-gray-weak);
+  --ids-switch-pole-color-border-default: var(--ids-color-accent-neutral-weak);
   --ids-switch-toggle-color-background-default: var(--ids-color-foreground-light-default);
-  --ids-switch-toggle-color-background-hover: var(--ids-color-accent-gray-weak);
+  --ids-switch-toggle-color-background-hover: var(--ids-color-accent-neutral-weak);
   --ids-switch-toggle-color-border-default: var(--ids-color-border-default);
   --ids-tab-content-color-text: var(--ids-color-text-default);
   --ids-tab-color-text-default: var(--ids-color-foreground-default-default);
-  --ids-tab-divider-color-background: var(--ids-color-accent-gray-default);
-  --ids-tab-color-background-hover: var(--ids-color-accent-gray-weaker);
-  --ids-tab-color-text-hover: var(--ids-color-accent-gray-strongest);
+  --ids-tab-divider-color-background: var(--ids-color-accent-neutral-default);
+  --ids-tab-color-background-hover: var(--ids-color-accent-neutral-weaker);
+  --ids-tab-color-text-hover: var(--ids-color-accent-neutral-strongest);
   --ids-tab-color-border-focus: var(--ids-color-action-default);
   --ids-tab-shadow-focus: var(--ids-shadow-30);
   --ids-tab-color-text-disabled: var(--ids-color-foreground-default-disabled);
   --ids-tab-color-text-selected: var(--ids-color-action-default);
-  --ids-tab-dismiss-button-size: 24px;
-  --ids-tab-dismiss-button-offset: 4px;
+  --ids-tab-dismiss-button-size: var(--ids-space-md);
+  --ids-tab-dismiss-button-offset: var(--ids-space-2xs);
   --ids-tab-header-color-text-default: var(--ids-color-foreground-default-default);
   --ids-tab-header-color-text-disabled: var(--ids-color-foreground-default-disabled);
-  --ids-tab-header-color-text-hover: var(--ids-color-accent-gray-strongest);
+  --ids-tab-header-color-text-hover: var(--ids-color-accent-neutral-strongest);
   --ids-tab-header-color-text-selected: var(--ids-color-action-default);
-  --ids-tab-header-color-background-hover: var(--ids-color-accent-gray-weaker);
+  --ids-tab-header-color-background-hover: var(--ids-color-accent-neutral-weaker);
   --ids-tab-header-color-border-focus: var(--ids-color-action-default);
-  --ids-tab-vertical-color-background-default: var(--ids-color-accent-gray-weakest);
+  --ids-tab-vertical-color-background-default: var(--ids-color-accent-neutral-weakest);
   --ids-tab-vertical-color-border-default: var(--ids-color-border-weaker);
   --ids-tab-vertical-color-text-default: var(--ids-color-foreground-default-default);
-  --ids-tab-vertical-color-background-hover: var(--ids-color-accent-gray-weaker);
+  --ids-tab-vertical-color-background-hover: var(--ids-color-accent-neutral-weaker);
   --ids-tab-vertical-color-text-hover: var(--ids-color-foreground-default-default);
   --ids-tab-vertical-color-background-selected: var(--ids-color-background-default);
   --ids-tab-vertical-color-border-selected: var(--ids-color-border-weaker);
   --ids-tab-vertical-color-text-selected: var(--ids-color-theme-strong);
-  --ids-tab-vertical-color-background-disabled: var(--ids-color-accent-gray-weakest);
+  --ids-tab-vertical-color-background-disabled: var(--ids-color-accent-neutral-weakest);
   --ids-tab-vertical-color-text-disabled: var(--ids-color-foreground-default-disabled);
   --ids-tab-alternate-color-text-default: rgba(255 255 255 / 0.7);
-  --ids-tab-alternate-color-background-hover: transparent;
+  --ids-tab-alternate-color-background-hover: var(--ids-color-transparent);
   --ids-tab-alternate-color-text-hover: var(--ids-color-white-100);
   --ids-tab-alternate-color-border-focus: var(--ids-color-white-100);
   --ids-tab-alternate-color-text-selected: var(--ids-color-white-100);
   --ids-tab-alternate-color-text-disabled: rgba(255 255 255 / 0.3);
   --ids-tab-alternate-horizontal-color-background: var(--ids-color-white-100);
-  --ids-tab-module-color-background-default: var(--ids-color-accent-gray-weakest);
+  --ids-tab-module-color-background-default: var(--ids-color-accent-neutral-weakest);
   --ids-tab-module-color-border-right: var(--ids-color-border-weaker);
   --ids-tab-module-color-text-default: var(--ids-color-foreground-default-default);
-  --ids-tab-module-color-background-hover: var(--ids-color-accent-gray-weaker);
+  --ids-tab-module-color-background-hover: var(--ids-color-accent-neutral-weaker);
   --ids-tab-module-color-text-hover: var(--ids-color-foreground-default-default);
   --ids-tab-module-color-background-selected: var(--ids-color-background-default);
   --ids-tab-module-color-text-selected: var(--ids-color-action-default);
-  --ids-tab-module-color-background-disabled: var(--ids-color-accent-gray-weakest);
+  --ids-tab-module-color-background-disabled: var(--ids-color-accent-neutral-weakest);
   --ids-tab-module-color-text-disabled: var(--ids-color-foreground-default-disabled);
   --ids-tag-height: 26px;
-  --ids-tag-color-background-default: var(--ids-color-accent-gray-weaker);
-  --ids-tag-color-border: var(--ids-color-accent-gray-weaker);
+  --ids-tag-color-background-default: var(--ids-color-accent-neutral-weaker);
+  --ids-tag-color-border: var(--ids-color-accent-neutral-weaker);
   --ids-tag-border-radius: var(--ids-border-radius-circle);
   --ids-tag-color-text-default: var(--ids-color-foreground-default-default);
-  --ids-tag-font-size-default: var(--ids-font-size-30);
-  --ids-tag-color-icon-hover: var(--ids-color-accent-gray-strongest);
+  --ids-tag-font-size-default: var(--ids-font-size-xs);
+  --ids-tag-color-icon-hover: var(--ids-color-accent-neutral-strongest);
   --ids-tag-secondary-color-background: var(--ids-input-color-background-default);
   --ids-tag-secondary-color-border: var(--ids-color-border-weak);
   --ids-tag-color-text-disabled: var(--ids-color-foreground-default-default);
-  --ids-tag-disabled-opacity: 0.4;
+  --ids-tag-disabled-opacity: var(--ids-opacity-disabled);
   --ids-tag-secondary-color-text-disabled: var(--ids-color-foreground-default-default);
   --ids-tag-color-background-error: var(--ids-color-error-default);
   --ids-tag-color-border-error: var(--ids-color-error-default);
@@ -1659,16 +1735,17 @@
   --ids-tag-color-background-teal: var(--ids-color-accent-teal-strong);
   --ids-tag-color-border-teal: var(--ids-color-accent-teal-strong);
   --ids-tag-color-text-teal: var(--ids-color-foreground-light-default);
+  --ids-tag-clickable-color-background-hover: var(--ids-color-accent-neutral-weak);
   --ids-tag-list-margin: 20px;
-  --ids-tag-list-inner-margin: 0 4px 4px 0;
-  --ids-text-icon-margin: 0 2px;
-  --ids-text-alert-margin: 0 4px;
+  --ids-tag-list-inner-margin: 0 var(--ids-space-2xs) var(--ids-space-2xs) 0;
+  --ids-text-icon-margin: 0 var(--ids-space-3xs);
+  --ids-text-alert-margin: 0 var(--ids-space-2xs);
   --ids-textarea-color-background-default: var(--ids-color-background-default);
   --ids-textarea-color-border-default: var(--ids-color-border-default);
   --ids-textarea-color-background-disabled: var(--ids-color-background-default);
   --ids-textarea-color-border-disabled: var(--ids-color-border-default);
   --ids-textarea-color-text-disabled: var(--ids-color-foreground-default-default);
-  --ids-textarea-disabled-opacity: 0.4;
+  --ids-textarea-disabled-opacity: var(--ids-opacity-disabled);
   --ids-textarea-color-border-error-default: var(--ids-color-error-default);
   --ids-textarea-color-border-error-disabled: var(--ids-color-error-default);
   --ids-textarea-color-text-error-disabled: var(--ids-color-foreground-default-default);
@@ -1685,7 +1762,7 @@
   --ids-textarea-color-text-info-default: var(--ids-color-info-strong);
   --ids-textarea-label-color-text-disabled: var(--ids-color-foreground-default-default);
   --ids-textarea-label-color-text-default: var(--ids-color-foreground-default-default);
-  --ids-textarea-color-background-readonly: var(--ids-color-accent-gray-weaker);
+  --ids-textarea-color-background-readonly: var(--ids-color-accent-neutral-weaker);
   --ids-textarea-color-border-readonly: var(--ids-color-border-weak);
   --ids-textarea-color-text-readonly: var(--ids-color-foreground-default-default);
   --ids-textarea-warning-color-border-default: var(--ids-color-warning-strong);
@@ -1705,22 +1782,22 @@
   --ids-time-picker-button-color-background-expanded: var(--ids-color-primary);
   --ids-time-picker-input-color-border-expanded: var(--ids-color-primary);
   --ids-time-picker-popup-color-background: var(--ids-color-white-100);
-  --ids-time-picker-popup-button-color-border: var(--ids-color-gray-30);
+  --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-30);
   --ids-time-picker-popup-button-color-text-hover: var(--ids-color-blue-70);
   --ids-time-picker-popup-button-color-text-default: var(--ids-color-blue-60);
-  --ids-time-picker-popup-colons-color-text: var(--ids-color-gray-50);
+  --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-50);
   --ids-toast-color-background: var(--ids-color-background-elevated);
   --ids-toast-color-border: var(--ids-color-border-weak);
   --ids-toast-color-text: var(--ids-color-foreground-default-default);
   --ids-toast-color-text-secondary: var(--ids-color-foreground-default-secondary);
   --ids-toast-progress-color-background: var(--ids-color-theme-strong);
-  --ids-toolbar-formatter-color-background: var(--ids-color-gray-10);
-  --ids-toolbar-formatter-color-border-bottom: var(--ids-color-gray-30);
+  --ids-toolbar-formatter-color-background: var(--ids-color-accent-neutral-weakest);
+  --ids-toolbar-formatter-color-border-bottom: var(--ids-color-border-weaker);
   --ids-tooltip-color-background: var(--ids-color-background-dark);
   --ids-tooltip-padding: var(--ids-space-xs) var(--ids-space-sm);
-  --ids-tooltip-border-radius: var(--ids-border-radius-xxs);
+  --ids-tooltip-border-radius: var(--ids-border-radius-2xs);
   --ids-tooltip-color-text: var(--ids-color-foreground-light-default);
-  --ids-tooltip-font-size: var(--ids-font-size-40);
+  --ids-tooltip-font-size: var(--ids-font-size-sm);
   --ids-tooltip-shadow: var(--ids-popup-shadow);
   --ids-tooltip-error-color-background-error: var(--ids-color-error-default);
   --ids-tooltip-info-color-background-info: var(--ids-color-info-default);
@@ -1728,61 +1805,62 @@
   --ids-tooltip-color-background-success: var(--ids-color-success-default);
   --ids-tooltip-color-background-inverse: var(--ids-color-background-elevated);
   --ids-tooltip-color-text-inverse: var(--ids-color-foreground-default-default);
-  --ids-tree-node-color-text-disabled: var(--ids-color-gray-40);
+  --ids-tree-node-color-text-disabled: var(--ids-color-neutral-40);
   --ids-tree-node-color-border-focus: var(--ids-color-primary);
   --ids-tree-node-shadow-focus: var(--ids-shadow-30);
-  --ids-tree-node-color-border-hover: transparent;
-  --ids-tree-node-color-text-hover: var(--ids-color-gray-100);
-  --ids-tree-node-color-background-selected: var(--ids-color-gray-20);
-  --ids-tree-node-color-text-selected: var(--ids-color-gray-100);
-  --ids-tree-node-color-text-default: var(--ids-color-gray-60);
+  --ids-tree-node-color-border-hover: var(--ids-color-transparent);
+  --ids-tree-node-color-text-hover: var(--ids-color-neutral-100);
+  --ids-tree-node-color-background-selected: var(--ids-color-neutral-20);
+  --ids-tree-node-color-text-selected: var(--ids-color-neutral-100);
+  --ids-tree-node-color-text-default: var(--ids-color-neutral-60);
   --ids-tree-treemap-color-border: var(--ids-color-white-100);
-  --ids-tree-treemap-title-color-background: var(--ids-color-gray-60);
+  --ids-tree-treemap-title-color-background: var(--ids-color-neutral-60);
   --ids-tree-treemap-title-color-text: var(--ids-color-white-100);
   --ids-trigger-field-button-border-radius: var(--ids-border-radius-sm);
   --ids-trigger-field-button-border-radius-inline: 0;
   --ids-trigger-field-button-margin: -2px;
   --ids-trigger-field-button-margin-start: 2px;
+  --ids-trigger-field-button-inset-inline-start: -3px;
   --ids-trigger-field-color-background-default: var(--ids-input-color-background-default);
   --ids-trigger-field-color-background-readonly: var(--ids-input-color-background-readonly);
   --ids-trigger-field-color-border-readonly: var(--ids-input-color-border-readonly);
   --ids-trigger-field-color-text-readonly: var(--ids-input-color-text-readonly);
-  --ids-trigger-field-color-border-focus: var(--ids-input-color-border-focus)
+  --ids-trigger-field-color-border-focus: var(--ids-input-color-border-focus);
   --ids-trigger-field-shadow-focus: var(--ids-input-shadow-info-focus);
   --ids-trigger-field-color-text-disabled: var(--ids-color-foreground-default-default);
   --ids-trigger-field-color-border-disabled: var(--ids-input-color-border-disabled);
-  --ids-trigger-field-icon-color: var(--ids-color-gray-60);
-  --ids-upload-font-size: var(--ids-font-size-60);
-  --ids-upload-advanced-color-background-default: var(--ids-color-gray-10);
-  --ids-upload-advanced-color-border-default: var(--ids-color-gray-50);
-  --ids-upload-advanced-color-background-disabled: var(--ids-color-gray-10);
-  --ids-upload-advanced-color-border-disabled: var(--ids-color-gray-30);
-  --ids-upload-advanced-color-background-drag-enter: var(--ids-color-blue-10);
+  --ids-trigger-field-icon-color: var(--ids-color-neutral-60);
+  --ids-upload-font-size: var(--ids-font-size-lg);
+  --ids-upload-advanced-color-background-default: var(--ids-color-accent-neutral-weakest);
+  --ids-upload-advanced-color-border-default: var(--ids-color-border-default);
+  --ids-upload-advanced-color-background-disabled: var(--ids-color-accent-neutral-weakest);
+  --ids-upload-advanced-color-border-disabled: var(--ids-color-border-weak);
+  --ids-upload-advanced-color-background-drag-enter: var(--ids-color-action-weakest);
   --ids-upload-advanced-color-border-drag-enter: var(--ids-color-primary);
   --ids-upload-advanced-error-area-color-border-error: var(--ids-color-error-default);
-  --ids-upload-advanced-area-color-border-error-disabled: var(--ids-color-red-30);
-  --ids-upload-advanced-color-text-error-disabled: var(--ids-color-red-30);
-  --ids-upload-advanced-color-background-hover: var(--ids-color-gray-20);
-  --ids-upload-advanced-color-border-hover: var(--ids-color-gray-60);
+  --ids-upload-advanced-area-color-border-error-disabled: var(--ids-color-accent-red-weak);
+  --ids-upload-advanced-color-text-error-disabled: var(--ids-color-accent-red-weak);
+  --ids-upload-advanced-color-background-hover: var(--ids-color-accent-neutral-weaker);
+  --ids-upload-advanced-color-border-hover: var(--ids-color-border-strong);
   --ids-upload-advanced-color-text-hover: var(--ids-color-text-default);
   --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
   --ids-upload-advanced-link-shadow-focus: var(--ids-shadow-30);
   --ids-upload-advanced-label-color-text: var(--ids-color-text-default);
-  --ids-upload-advanced-color-text-default: var(--ids-color-gray-50);
-  --ids-upload-advanced-file-color-border-default: var(--ids-color-gray-50);
-  --ids-upload-advanced-color-border-complete-default: var(--ids-color-green-80);
-  --ids-upload-advanced-file-color-text-complete: var(--ids-color-green-80);
-  --ids-upload-advanced-file-color-border-disabled: var(--ids-color-gray-30);
+  --ids-upload-advanced-color-text-default: var(--ids-color-accent-neutral-default);
+  --ids-upload-advanced-file-color-border-default: var(--ids-color-accent-neutral-default);
+  --ids-upload-advanced-color-border-complete-default: var(--ids-color-accent-green-stronger);
+  --ids-upload-advanced-file-color-text-complete: var(--ids-color-accent-green-stronger);
+  --ids-upload-advanced-file-color-border-disabled: var(--ids-color-neutral-30);
   --ids-upload-advanced-color-border-complete-disabled: var(--ids-color-green-30);
   --ids-upload-advanced-color-text-complete-disabled: var(--ids-color-green-30);
-  --ids-upload-advanced-file-color-border-error-disabled: var(--ids-color-red-30);
-  --ids-upload-advanced-color-text-disabled: var(--ids-color-gray-30);
+  --ids-upload-advanced-file-color-border-error-disabled: var(--ids-color-accent-red-weak);
+  --ids-upload-advanced-color-text-disabled: var(--ids-color-foreground-default-disabled);
   --ids-upload-advanced-color-border-error-default: var(--ids-color-error-default);
   --ids-week-view-color-background: var(--ids-color-background-default);
-  --ids-week-view-color-border: var(--ids-color-gray-20);
+  --ids-week-view-color-border: var(--ids-color-neutral-20);
   --ids-week-view-header-color-background: var(--ids-color-background-default);
   --ids-week-view-row-height: 25px;
-  --ids-week-view-row-odd-color-border: var(--ids-color-gray-10);
+  --ids-week-view-row-odd-color-border: var(--ids-color-neutral-10);
   --ids-week-view-color-text: var(--ids-color-text-default);
   --ids-week-view-time-marker-color: var(--ids-color-primary);
   --ids-week-view-today-color: var(--ids-color-primary);
@@ -1795,206 +1873,234 @@
   --ids-widget-content-height: 312px;
   --ids-widget-search-height: 46px;
   --ids-widget-search-content-height: 266px;
-  --ids-widget-header-padding-inline: 8px;
-  --ids-widget-header-height: 48px;
+  --ids-widget-header-padding-inline: var(--ids-space-sm);
+  --ids-widget-header-height: var(--ids-space-2xl);
   --ids-widget-header-subtitle-height: 60px;
   --ids-widget-search-subtitle-content-height: 301px;
   --ids-widget-divider-color-border: var(--ids-card-divider-color-border);
-  --ids-widget-header-title-color: var(--ids-color-gray-100);
-  --ids-widget-color-border-hover: var(--ids-color-gray-30);
+  --ids-widget-header-title-color: var(--ids-color-accent-neutral-strongest);
+  --ids-widget-color-border-hover: var(--ids-color-neutral-30);
   --ids-widget-color-shadow-hover: 0 2px 4px 1px rgba(0 0 0 / 0.15);
-  --ids-widget-search-field-color-background: var(--ids-color-gray-10);
-  --ids-widget-search-field-border-radius: 4px;
+  --ids-widget-search-field-color-background: var(--ids-color-accent-neutral-weakest);
+  --ids-widget-search-field-border-radius: var(--ids-border-radius-xs);
   --ids-wizard-step-width: 14px;
   --ids-wizard-step-color-default: var(--ids-color-primary);
-  --ids-wizard-step-color-unvisited: var(--ids-color-gray-60);
-  --ids-wizard-step-inner-border-color-border: var(--ids-color-background-default);
+  --ids-wizard-step-color-unvisited: var(--ids-color-accent-neutral-strong);
+  --ids-wizard-step-inner-border-color-border: var(--ids-color-border-light);
   --ids-wizard-step-color-disabled: var(--ids-color-action-weaker);
-  --ids-wizard-step-color-disabled-unvisited: var(--ids-color-gray-30);
+  --ids-wizard-step-color-disabled-unvisited: var(--ids-color-neutral-30);
 }
 
 :root {
-  --ids-color-background-dark: var(--ids-color-gray-80);
-  --ids-color-background-elevated: var(--ids-color-gray-90);
-  --ids-color-background-default: var(--ids-color-gray-100);
-  --ids-color-foreground-dark-default: var(--ids-color-black-100);
-  --ids-color-foreground-light-disabled: var(--ids-color-white-40);
-  --ids-color-foreground-light-tertiary: var(--ids-color-white-60);
-  --ids-color-foreground-light-secondary: var(--ids-color-white-80);
-  --ids-color-foreground-light-default: var(--ids-color-white-100);
-  --ids-color-foreground-default-disabled: var(--ids-color-white-40);
-  --ids-color-foreground-default-tertiary: var(--ids-color-white-60);
-  --ids-color-foreground-default-secondary: var(--ids-color-white-80);
-  --ids-color-foreground-default-default: var(--ids-color-white-100);
+  --ids-color-accent-blue-weakest: var(--ids-color-blue-100);
+  --ids-color-accent-blue-weaker: var(--ids-color-blue-90);
+  --ids-color-accent-blue-weak: var(--ids-color-blue-70);
+  --ids-color-accent-blue-strong: var(--ids-color-blue-50);
+  --ids-color-accent-blue-stronger: var(--ids-color-blue-30);
+  --ids-color-accent-blue-strongest: var(--ids-color-blue-10);
+  --ids-color-accent-green-weakest: var(--ids-color-green-100);
+  --ids-color-accent-green-weaker: var(--ids-color-green-90);
+  --ids-color-accent-green-weak: var(--ids-color-green-70);
+  --ids-color-accent-green-strong: var(--ids-color-green-50);
+  --ids-color-accent-green-stronger: var(--ids-color-green-30);
+  --ids-color-accent-green-strongest: var(--ids-color-green-10);
+  --ids-color-accent-neutral-weakest: var(--ids-color-neutral-90);
+  --ids-color-accent-neutral-weaker: var(--ids-color-neutral-80);
+  --ids-color-accent-neutral-weak: var(--ids-color-neutral-60);
+  --ids-color-accent-neutral-default: var(--ids-color-neutral-50);
+  --ids-color-accent-neutral-strong: var(--ids-color-neutral-40);
+  --ids-color-accent-neutral-stronger: var(--ids-color-neutral-20);
+  --ids-color-accent-neutral-strongest: var(--ids-color-neutral-10);
+  --ids-color-accent-orange-weakest: var(--ids-color-orange-100);
+  --ids-color-accent-orange-weaker: var(--ids-color-orange-90);
+  --ids-color-accent-orange-weak: var(--ids-color-orange-70);
+  --ids-color-accent-orange-strong: var(--ids-color-orange-50);
+  --ids-color-accent-orange-stronger: var(--ids-color-orange-30);
+  --ids-color-accent-orange-strongest: var(--ids-color-orange-10);
+  --ids-color-accent-purple-weakest: var(--ids-color-purple-100);
+  --ids-color-accent-purple-weaker: var(--ids-color-purple-90);
+  --ids-color-accent-purple-weak: var(--ids-color-purple-70);
+  --ids-color-accent-purple-strong: var(--ids-color-purple-60);
+  --ids-color-accent-purple-stronger: var(--ids-color-purple-30);
+  --ids-color-accent-purple-strongest: var(--ids-color-purple-10);
+  --ids-color-accent-red-weakest: var(--ids-color-red-100);
+  --ids-color-accent-red-weaker: var(--ids-color-red-90);
+  --ids-color-accent-red-weak: var(--ids-color-red-70);
+  --ids-color-accent-red-strong: var(--ids-color-red-60);
+  --ids-color-accent-red-stronger: var(--ids-color-red-30);
+  --ids-color-accent-red-strongest: var(--ids-color-red-10);
+  --ids-color-accent-teal-weakest: var(--ids-color-teal-100);
+  --ids-color-accent-teal-weaker: var(--ids-color-teal-90);
+  --ids-color-accent-teal-weak: var(--ids-color-teal-70);
+  --ids-color-accent-teal-strong: var(--ids-color-teal-40);
+  --ids-color-accent-teal-stronger: var(--ids-color-teal-30);
+  --ids-color-accent-teal-strongest: var(--ids-color-teal-10);
+  --ids-color-accent-yellow-weakest: var(--ids-color-yellow-100);
+  --ids-color-accent-yellow-weaker: var(--ids-color-yellow-90);
+  --ids-color-accent-yellow-weak: var(--ids-color-yellow-70);
+  --ids-color-accent-yellow-strong: var(--ids-color-yellow-50);
+  --ids-color-accent-yellow-stronger: var(--ids-color-yellow-30);
+  --ids-color-accent-yellow-strongest: var(--ids-color-yellow-10);
+  --ids-color-action-weakest: var(--ids-color-blue-100);
+  --ids-color-action-weaker: var(--ids-color-blue-90);
+  --ids-color-action-default: var(--ids-color-blue-50);
+  --ids-color-action-stronger: var(--ids-color-blue-40);
+  --ids-color-action-strongest: var(--ids-color-blue-20);
+  --ids-color-background-default: var(--ids-color-neutral-100);
+  --ids-color-background-elevated: var(--ids-color-neutral-90);
+  --ids-color-background-dark: var(--ids-color-neutral-80);
+  --ids-color-border-default: var(--ids-color-neutral-40);
+  --ids-color-border-weaker: var(--ids-color-neutral-80);
+  --ids-color-border-weak: var(--ids-color-neutral-60);
   --ids-color-border-strong: var(--ids-color-white-100);
-  --ids-color-border-default: var(--ids-color-gray-40);
-  --ids-color-border-weak: var(--ids-color-gray-60);
-  --ids-color-border-weaker: var(--ids-color-gray-80);
   --ids-color-border-light: var(--ids-color-white-100);
-  --ids-color-action-stronger: var(--ids-color-blue-40);
-  --ids-color-action-default: var(--ids-color-blue-50);
-  --ids-color-action-weaker: var(--ids-color-blue-90);
-  --ids-color-action-weakest: var(--ids-color-blue-100);
-  --ids-color-success-stronger: var(--ids-color-green-10);
-  --ids-color-success-strong: var(--ids-color-green-40);
-  --ids-color-success-default: var(--ids-color-green-50);
+  --ids-color-foreground-default-default: var(--ids-color-white-100);
+  --ids-color-foreground-default-secondary: var(--ids-color-white-80);
+  --ids-color-foreground-default-tertiary: var(--ids-color-white-60);
+  --ids-color-foreground-default-disabled: var(--ids-color-white-40);
+  --ids-color-foreground-light-default: var(--ids-color-white-100);
+  --ids-color-foreground-light-secondary: var(--ids-color-white-80);
+  --ids-color-foreground-light-tertiary: var(--ids-color-white-60);
+  --ids-color-foreground-light-disabled: var(--ids-color-white-40);
+  --ids-color-foreground-dark-default: var(--ids-color-black-100);
   --ids-color-success-weak: var(--ids-color-green-100);
-  --ids-color-caution-stronger: var(--ids-color-yellow-10);
-  --ids-color-caution-strong: var(--ids-color-yellow-40);
-  --ids-color-caution-default: var(--ids-color-yellow-50);
+  --ids-color-success-default: var(--ids-color-green-50);
+  --ids-color-success-strong: var(--ids-color-green-40);
+  --ids-color-success-stronger: var(--ids-color-green-10);
   --ids-color-caution-weak: var(--ids-color-yellow-100);
-  --ids-color-warning-stronger: var(--ids-color-orange-10);
-  --ids-color-warning-strong: var(--ids-color-orange-40);
-  --ids-color-warning-default: var(--ids-color-orange-50);
+  --ids-color-caution-default: var(--ids-color-yellow-50);
+  --ids-color-caution-strong: var(--ids-color-yellow-40);
+  --ids-color-caution-stronger: var(--ids-color-yellow-10);
   --ids-color-warning-weak: var(--ids-color-orange-100);
-  --ids-color-error-strongest: var(--ids-color-red-10);
-  --ids-color-error-stronger: var(--ids-color-red-40);
-  --ids-color-error-default: var(--ids-color-red-50);
+  --ids-color-warning-default: var(--ids-color-orange-50);
+  --ids-color-warning-strong: var(--ids-color-orange-40);
+  --ids-color-warning-stronger: var(--ids-color-orange-10);
   --ids-color-error-weak: var(--ids-color-red-100);
-  --ids-color-info-stronger: var(--ids-color-blue-10);
-  --ids-color-info-strong: var(--ids-color-blue-40);
-  --ids-color-info-default: var(--ids-color-blue-50);
+  --ids-color-error-default: var(--ids-color-red-50);
+  --ids-color-error-stronger: var(--ids-color-red-40);
+  --ids-color-error-strongest: var(--ids-color-red-10);
   --ids-color-info-weak: var(--ids-color-blue-100);
-  --ids-color-action-stronger: var(--ids-color-blue-40);
-  --ids-color-action-default: var(--ids-color-blue-50);
-  --ids-color-action-weaker: var(--ids-color-blue-90);
+  --ids-color-info-default: var(--ids-color-blue-50);
+  --ids-color-info-strong: var(--ids-color-blue-40);
+  --ids-color-info-stronger: var(--ids-color-blue-10);
   --ids-color-action-weakest: var(--ids-color-blue-100);
-  --ids-color-theme-strongest: var(--ids-color-theme-10);
-  --ids-color-theme-stronger: var(--ids-color-theme-30);
+  --ids-color-action-weaker: var(--ids-color-blue-90);
+  --ids-color-action-default: var(--ids-color-blue-50);
+  --ids-color-action-stronger: var(--ids-color-blue-40);
+  --ids-color-action-strongest: var(--ids-color-blue-20);
+  --ids-color-theme-weakest: var(--ids-color-theme-100);
+  --ids-color-theme-weaker: var(--ids-color-theme-90);
   --ids-color-theme-strong: var(--ids-color-theme-50);
-  --ids-color-theme-weaker: var(--ids-color-theme-40);
-  --ids-color-theme-weakest: var(--ids-color-theme-10);
-  --ids-color-accent-blue-strongest: var(--ids-color-blue-10);
-  --ids-color-accent-blue-stronger: var(--ids-color-blue-30);
-  --ids-color-accent-blue-strong: var(--ids-color-blue-50);
-  --ids-color-accent-blue-weak: var(--ids-color-blue-70);
-  --ids-color-accent-blue-weaker: var(--ids-color-blue-90);
-  --ids-color-accent-blue-weakest: var(--ids-color-blue-100);
-  --ids-color-accent-green-strongest: var(--ids-color-green-10);
-  --ids-color-accent-green-stronger: var(--ids-color-green-30);
-  --ids-color-accent-green-strong: var(--ids-color-green-50);
-  --ids-color-accent-green-weak: var(--ids-color-green-70);
-  --ids-color-accent-green-weaker: var(--ids-color-green-90);
-  --ids-color-accent-green-weakest: var(--ids-color-green-100);
-  --ids-color-accent-gray-strongest: var(--ids-color-gray-10);
-  --ids-color-accent-gray-stronger: var(--ids-color-gray-20);
-  --ids-color-accent-gray-strong: var(--ids-color-gray-40);
-  --ids-color-accent-gray-default: var(--ids-color-gray-50);
-  --ids-color-accent-gray-weak: var(--ids-color-gray-60);
-  --ids-color-accent-gray-weaker: var(--ids-color-gray-80);
-  --ids-color-accent-gray-weakest: var(--ids-color-gray-90);
-  --ids-color-accent-orange-strongest: var(--ids-color-orange-10);
-  --ids-color-accent-orange-stronger: var(--ids-color-orange-30);
-  --ids-color-accent-orange-strong: var(--ids-color-orange-50);
-  --ids-color-accent-orange-weak: var(--ids-color-orange-70);
-  --ids-color-accent-orange-weaker: var(--ids-color-orange-90);
-  --ids-color-accent-orange-weakest: var(--ids-color-orange-100);
-  --ids-color-accent-purple-strongest: var(--ids-color-purple-10);
-  --ids-color-accent-purple-stronger: var(--ids-color-purple-30);
-  --ids-color-accent-purple-strong: var(--ids-color-purple-60);
-  --ids-color-accent-purple-weak: var(--ids-color-purple-70);
-  --ids-color-accent-purple-weaker: var(--ids-color-purple-90);
-  --ids-color-accent-purple-weakest: var(--ids-color-purple-100);
-  --ids-color-accent-red-strongest: var(--ids-color-red-10);
-  --ids-color-accent-red-stronger: var(--ids-color-red-30);
-  --ids-color-accent-red-strong: var(--ids-color-red-60);
-  --ids-color-accent-red-weak: var(--ids-color-red-70);
-  --ids-color-accent-red-weaker: var(--ids-color-red-90);
-  --ids-color-accent-red-weakest: var(--ids-color-red-100);
-  --ids-color-accent-teal-strongest: var(--ids-color-teal-10);
-  --ids-color-accent-teal-stronger: var(--ids-color-teal-30);
-  --ids-color-accent-teal-strong: var(--ids-color-teal-40);
-  --ids-color-accent-teal-weak: var(--ids-color-teal-70);
-  --ids-color-accent-teal-weaker: var(--ids-color-teal-90);
-  --ids-color-accent-teal-weakest: var(--ids-color-teal-100);
-  --ids-color-accent-yellow-strongest: var(--ids-color-yellow-10);
-  --ids-color-accent-yellow-stronger: var(--ids-color-yellow-30);
-  --ids-color-accent-yellow-strong: var(--ids-color-yellow-50);
-  --ids-color-accent-yellow-weak: var(--ids-color-yellow-70);
-  --ids-color-accent-yellow-weaker: var(--ids-color-yellow-90);
-  --ids-color-accent-yellow-weakest: var(--ids-color-yellow-100);
-  --ids-dataviz-color-accent-teal-03: var(--ids-color-teal-80);
-  --ids-dataviz-color-accent-teal-02: var(--ids-color-teal-60);
-  --ids-dataviz-color-accent-teal-01: var(--ids-color-teal-30);
-  --ids-dataviz-color-accent-gray-03: var(--ids-color-gray-90);
-  --ids-dataviz-color-accent-gray-02: var(--ids-color-gray-60);
-  --ids-dataviz-color-accent-gray-01: var(--ids-color-gray-50);
-  --ids-dataviz-color-accent-purple-03: var(--ids-color-purple-80);
-  --ids-dataviz-color-accent-purple-02: var(--ids-color-purple-60);
-  --ids-dataviz-color-accent-purple-01: var(--ids-color-purple-40);
-  --ids-dataviz-color-accent-green-03: var(--ids-color-green-80);
-  --ids-dataviz-color-accent-green-02: var(--ids-color-green-60);
-  --ids-dataviz-color-accent-green-01: var(--ids-color-green-30);
-  --ids-dataviz-color-accent-blue-03: var(--ids-color-blue-80);
-  --ids-dataviz-color-accent-blue-02: var(--ids-color-blue-60);
-  --ids-dataviz-color-accent-blue-01: var(--ids-color-blue-30);
-  --ids-dataviz-color-sequential-10: var(--ids-color-gray-90);
-  --ids-dataviz-color-sequential-11: var(--ids-color-teal-50);
-  --ids-dataviz-color-sequential-12: var(--ids-color-orange-20);
-  --ids-dataviz-color-sequential-13: var(--ids-color-purple-80);
-  --ids-dataviz-color-sequential-14: var(--ids-color-blue-50);
-  --ids-dataviz-color-sequential-15: var(--ids-color-red-80);
-  --ids-dataviz-color-sequential-16: var(--ids-color-purple-30);
-  --ids-dataviz-color-sequential-17: var(--ids-color-green-80);
-  --ids-dataviz-color-sequential-18: var(--ids-color-teal-30);
-  --ids-dataviz-color-sequential-19: var(--ids-color-gray-50);
-  --ids-dataviz-color-sequential-20: var(--ids-color-red-70);
-  --ids-dataviz-color-sequential-09: var(--ids-color-red-30);
-  --ids-dataviz-color-sequential-08: var(--ids-color-blue-80);
-  --ids-dataviz-color-sequential-07: var(--ids-color-green-30);
-  --ids-dataviz-color-sequential-06: var(--ids-color-orange-40);
-  --ids-dataviz-color-sequential-05: var(--ids-color-orange-80);
-  --ids-dataviz-color-sequential-04: var(--ids-color-gray-70);
-  --ids-dataviz-color-sequential-03: var(--ids-color-purple-50);
-  --ids-dataviz-color-sequential-02: var(--ids-color-teal-70);
-  --ids-dataviz-color-sequential-01: var(--ids-color-blue-30);
-  --ids-dataviz-color-density-10: var(--ids-color-blue-100);
-  --ids-dataviz-color-density-20: var(--ids-color-blue-90);
-  --ids-dataviz-color-density-30: var(--ids-color-blue-80);
-  --ids-dataviz-color-density-40: var(--ids-color-blue-70);
-  --ids-dataviz-color-density-50: var(--ids-color-blue-60);
-  --ids-dataviz-color-density-60: var(--ids-color-blue-50);
-  --ids-dataviz-color-density-70: var(--ids-color-blue-40);
-  --ids-dataviz-color-density-80: var(--ids-color-blue-30);
-  --ids-dataviz-color-density-90: var(--ids-color-blue-20);
-  --ids-dataviz-color-density-100: var(--ids-color-blue-10);
-  --ids-border-radius-circle: var(--ids-border-radius-99);
-  --ids-border-radius-xl: var(--ids-border-radius-40);
-  --ids-border-radius-lg: var(--ids-border-radius-24);
-  --ids-border-radius-md: var(--ids-border-radius-16);
-  --ids-border-radius-sm: var(--ids-border-radius-08);
-  --ids-border-radius-xs: var(--ids-border-radius-04);
-  --ids-border-radius-xxs: var(--ids-border-radius-02);
-  --ids-border-radius-none: var(--ids-border-radius-00);
-  --ids-space-xxxxl: var(--ids-space-72);
-  --ids-space-xxxl: var(--ids-space-56);
-  --ids-space-xxl: var(--ids-space-48);
-  --ids-space-xl: var(--ids-space-40);
-  --ids-space-lg: var(--ids-space-32);
-  --ids-space-md: var(--ids-space-24);
-  --ids-space-sm: var(--ids-space-16);
-  --ids-space-xs: var(--ids-space-08);
-  --ids-space-xxs: var(--ids-space-04);
-  --ids-space-xxxs: var(--ids-space-02);
-  --ids-space-xxxxs: var(--ids-space-01);
+  --ids-color-theme-stronger: var(--ids-color-theme-30);
+  --ids-color-theme-strongest: var(--ids-color-theme-10);
+  --ids-color-transparent: var(--ids-color-black-00);
+  --ids-color-dataviz-accent-blue-01: var(--ids-color-blue-30);
+  --ids-color-dataviz-accent-blue-02: var(--ids-color-blue-60);
+  --ids-color-dataviz-accent-blue-03: var(--ids-color-blue-80);
+  --ids-color-dataviz-accent-neutral-01: var(--ids-color-neutral-50);
+  --ids-color-dataviz-accent-neutral-02: var(--ids-color-neutral-60);
+  --ids-color-dataviz-accent-neutral-03: var(--ids-color-neutral-90);
+  --ids-color-dataviz-accent-green-01: var(--ids-color-green-30);
+  --ids-color-dataviz-accent-green-02: var(--ids-color-green-60);
+  --ids-color-dataviz-accent-green-03: var(--ids-color-green-80);
+  --ids-color-dataviz-accent-purple-01: var(--ids-color-purple-40);
+  --ids-color-dataviz-accent-purple-02: var(--ids-color-purple-60);
+  --ids-color-dataviz-accent-purple-03: var(--ids-color-purple-80);
+  --ids-color-dataviz-accent-teal-01: var(--ids-color-teal-30);
+  --ids-color-dataviz-accent-teal-02: var(--ids-color-teal-60);
+  --ids-color-dataviz-accent-teal-03: var(--ids-color-teal-80);
+  --ids-color-dataviz-default: var(--ids-color-blue-30);
+  --ids-color-dataviz-density-10: var(--ids-color-blue-100);
+  --ids-color-dataviz-density-20: var(--ids-color-blue-90);
+  --ids-color-dataviz-density-30: var(--ids-color-blue-80);
+  --ids-color-dataviz-density-40: var(--ids-color-blue-70);
+  --ids-color-dataviz-density-50: var(--ids-color-blue-60);
+  --ids-color-dataviz-density-60: var(--ids-color-blue-50);
+  --ids-color-dataviz-density-70: var(--ids-color-blue-40);
+  --ids-color-dataviz-density-80: var(--ids-color-blue-30);
+  --ids-color-dataviz-density-90: var(--ids-color-blue-20);
+  --ids-color-dataviz-density-100: var(--ids-color-blue-10);
+  --ids-color-dataviz-negative: var(--ids-color-red-50);
+  --ids-color-dataviz-neutral: var(--ids-color-neutral-90);
+  --ids-color-dataviz-positive: var(--ids-color-green-40);
+  --ids-color-dataviz-secondary: var(--ids-color-teal-70);
+  --ids-color-dataviz-sequential-10: var(--ids-color-neutral-90);
+  --ids-color-dataviz-sequential-11: var(--ids-color-teal-50);
+  --ids-color-dataviz-sequential-12: var(--ids-color-orange-20);
+  --ids-color-dataviz-sequential-13: var(--ids-color-purple-80);
+  --ids-color-dataviz-sequential-14: var(--ids-color-blue-50);
+  --ids-color-dataviz-sequential-15: var(--ids-color-red-80);
+  --ids-color-dataviz-sequential-16: var(--ids-color-purple-30);
+  --ids-color-dataviz-sequential-17: var(--ids-color-green-80);
+  --ids-color-dataviz-sequential-18: var(--ids-color-teal-30);
+  --ids-color-dataviz-sequential-19: var(--ids-color-neutral-50);
+  --ids-color-dataviz-sequential-20: var(--ids-color-red-70);
+  --ids-color-dataviz-sequential-01: var(--ids-color-blue-30);
+  --ids-color-dataviz-sequential-02: var(--ids-color-teal-70);
+  --ids-color-dataviz-sequential-03: var(--ids-color-purple-50);
+  --ids-color-dataviz-sequential-04: var(--ids-color-neutral-70);
+  --ids-color-dataviz-sequential-05: var(--ids-color-orange-80);
+  --ids-color-dataviz-sequential-06: var(--ids-color-orange-40);
+  --ids-color-dataviz-sequential-07: var(--ids-color-green-30);
+  --ids-color-dataviz-sequential-08: var(--ids-color-blue-80);
+  --ids-color-dataviz-sequential-09: var(--ids-color-red-30);
   --ids-space-none: var(--ids-space-00);
+  --ids-space-4xs: var(--ids-space-01);
+  --ids-space-3xs: var(--ids-space-02);
+  --ids-space-2xs: var(--ids-space-04);
+  --ids-space-xs: var(--ids-space-08);
+  --ids-space-sm: var(--ids-space-16);
+  --ids-space-md: var(--ids-space-24);
+  --ids-space-lg: var(--ids-space-32);
+  --ids-space-xl: var(--ids-space-40);
+  --ids-space-2xl: var(--ids-space-48);
+  --ids-space-3xl: var(--ids-space-56);
+  --ids-space-4xl: var(--ids-space-72);
+  --ids-border-radius-none: var(--ids-border-radius-00);
+  --ids-border-radius-2xs: var(--ids-border-radius-02);
+  --ids-border-radius-xs: var(--ids-border-radius-04);
+  --ids-border-radius-sm: var(--ids-border-radius-08);
+  --ids-border-radius-md: var(--ids-border-radius-16);
+  --ids-border-radius-lg: var(--ids-border-radius-24);
+  --ids-border-radius-xl: var(--ids-border-radius-40);
+  --ids-border-radius-circle: var(--ids-border-radius-99);
+  --ids-border-width-none: var(--ids-border-width-00);
+  --ids-border-width-sm: var(--ids-border-width-01);
+  --ids-font-family-default: var(--ids-font-family-sans);
+  --ids-font-weight-default: var(--ids-font-weight-regular);
+  --ids-font-weight-strong: var(--ids-font-weight-semibold);
+  --ids-font-weight-stronger: var(--ids-font-weight-bold);
+  --ids-font-size-default: var(--ids-font-size-sm);
+  --ids-font-size-6xl: var(--ids-font-size-120);
+  --ids-font-size-5xl: var(--ids-font-size-110);
+  --ids-font-size-4xl: var(--ids-font-size-100);
+  --ids-font-size-3xl: var(--ids-font-size-90);
+  --ids-font-size-2xl: var(--ids-font-size-80);
+  --ids-font-size-xl: var(--ids-font-size-70);
+  --ids-font-size-lg: var(--ids-font-size-60);
+  --ids-font-size-md: var(--ids-font-size-50);
+  --ids-font-size-sm: var(--ids-font-size-40);
+  --ids-font-size-xs: var(--ids-font-size-30);
+  --ids-font-size-2xs: var(--ids-font-size-20);
+  --ids-font-size-3xs: var(--ids-font-size-10);
+  --ids-opacity-disabled: var(--ids-opacity-40);
 }
 
 :root {
-  --ids-color-primary: var(--ids-color-gray-90);
-  --ids-color-text-on-primary: var(--ids-color-gray-10);
-  --ids-color-background-default: var(--ids-color-gray-100);
-  --ids-color-text-inverse: var(--ids-color-gray-100);
-  --ids-color-text-subtle: var(--ids-color-gray-20);
+  --ids-color-primary: var(--ids-color-neutral-90);
+  --ids-color-text-on-primary: var(--ids-color-neutral-10);
+  --ids-color-background-default: var(--ids-color-neutral-100);
+  --ids-color-text-inverse: var(--ids-color-neutral-100);
+  --ids-color-text-subtle: var(--ids-color-neutral-20);
   --ids-color-text-data: var(--ids-color-white-100);
-  --ids-color-text-disabled: var(--ids-color-gray-50);
+  --ids-color-text-disabled: var(--ids-color-neutral-50);
   --ids-color-text-error: var(--ids-color-red-50);
   --ids-color-text-info: var(--ids-color-info-default);
   --ids-color-text-success: var(--ids-color-green-50);
   --ids-color-text-warning: var(--ids-color-orange-50);
   --ids-color-error-weak: var(--ids-color-red-90);
   --ids-color-warning-weak: var(--ids-color-orange-90);
-  --ids-color-text-on-caution: var(--ids-color-gray-100);
+  --ids-color-text-on-caution: var(--ids-color-neutral-100);
   --ids-color-caution-weak: var(--ids-color-orange-90);
   --ids-color-info-weak: var(--ids-color-primary-90);
   --ids-color-success-weak: var(--ids-color-green-90);
@@ -2007,45 +2113,46 @@
   --ids-scroll-shadow: 0 -1px 3px -1px rgba(82 82 87 / 0.30);
   --ids-scroll-color-border-top: 1px solid rgba(82 82 87 / 1);
   --ids-color-border-focus: var(--ids-color-primary-50);
-  --ids-accordion-header-color-border-bottom: var(--ids-color-gray-70);
-  --ids-accordion-header-color-border-disabled: var(--ids-color-gray-50);
-  --ids-accordion-header-color-text-disabled: var(--ids-color-gray-50);
-  --ids-accordion-header-color-border-focus: var(--ids-color-primary-60);
-  --ids-accordion-header-color-icon: var(--ids-color-gray-10);
-  --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-gray-20);
-  --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-gray-20);
-  --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-gray-70);
-  --ids-app-menu-accordion-header-color-background-default: var(--ids-color-gray-100);
-  --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-gray-40);
+  --ids-accordion-header-color-border-bottom: var(--ids-color-border-weaker);
+  --ids-accordion-header-color-border-disabled: var(--ids-color-border-weaker);
+  --ids-accordion-header-color-text-disabled: var(--ids-color-foreground-default-disabled);
+  --ids-accordion-header-color-icon: var( --ids-color-accent-neutral-strongest);
+  --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-accent-neutral-stronger);
+  --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-accent-neutral-stronger);
+  --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-border-weaker);
+  --ids-app-menu-accordion-header-color-background-default: var(--ids-color-neutral-100);
+  --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-accent-neutral-strong);
   --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-40);
-  --ids-app-menu-header-color-background-hover: var(--ids-color-gray-100);
-  --ids-app-menu-header-color-border-hover: var(--ids-color-gray-100);
-  --ids-app-menu-accordion-panel-color-background: var(--ids-color-gray-90);
-  --ids-action-panel-header-color-background: var(--ids-color-gray-80);
-  --ids-action-panel-header-color-border: var(--ids-color-gray-90);
-  --ids-action-panel-content-background-color: var(--ids-color-gray-100);
-  --ids-action-panel-button-color-background-hover: var(--ids-color-gray-90);
-  --ids-action-sheet-color-background: var(--ids-color-gray-70);
-  --ids-action-sheet-color-border: var(--ids-color-gray-50);
+  --ids-app-menu-accordion-header-color-text-default: var(--ids-color-foreground-light-secondary);
+  --ids-app-menu-header-color-background-hover: var(--ids-color-background-default);
+  --ids-app-menu-header-color-border-hover: var(--ids-color-background-default);
+  --ids-app-menu-accordion-panel-color-background: var(--ids-color-neutral-90);
+  --ids-button-app-menu-color-text-default: var(--ids-color-neutral-10);
+  --ids-action-panel-header-color-background: var(--ids-color-accent-neutral-weakest);
+  --ids-action-panel-header-color-border: var(--ids-color-accent-neutral-weakest);
+  --ids-action-panel-content-background-color: var(--ids-color-neutral-100);
+  --ids-action-panel-button-color-background-hover: var(--ids-color-accent-neutral-weakest);
+  --ids-action-sheet-color-background: var(--ids-color-neutral-70);
+  --ids-action-sheet-color-border: var(--ids-color-accent-neutral-default);
   --ids-alert-color-progress-default: var(--ids-color-purple-30);
   --ids-alert-color-progress-disabled: var(--ids-color-purple-70);
-  --ids-axis-chart-grid-color: var(--ids-color-gray-40);
-  --ids-axis-chart-last-line-color-border: var(--ids-color-gray-30);
-  --ids-axis-chart-color-text: var(--ids-color-gray-10);
-  --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-gray-80);
-  --ids-button-formatter-color-border: var(--ids-color-gray-70);
-  --ids-button-formatter-color-text-hover: var(--ids-color-gray-10);
-  --ids-button-formatter-color-text-disabled: var(--ids-color-gray-40);
-  --ids-button-formatter-color-background-hover: var(--ids-color-gray-80);
+  --ids-axis-chart-grid-color: var(--ids-color-neutral-40);
+  --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-30);
+  --ids-axis-chart-color-text: var(--ids-color-neutral-10);
+  --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-neutral-80);
+  --ids-button-formatter-color-border: var(--ids-color-neutral-70);
+  --ids-button-formatter-color-text-hover: var( --ids-color-accent-neutral-strongest);
+  --ids-button-formatter-color-text-disabled: var(--ids-color-accent-neutral-strong);
+  --ids-button-formatter-color-background-hover: var(--ids-color-accent-neutral-weaker);
   --ids-button-formatter-color-active: var(--ids-color-white-100);
-  --ids-button-formatter-color-text-default: var(--ids-color-gray-10);
+  --ids-button-formatter-color-text-default: var(--ids-color-accent-neutral-strongest);
   --ids-button-module-color-background-hover: rgba(0 0 0 / 0.3);
-  --ids-button-module-color-text-default: var(--ids-color-gray-10);
+  --ids-button-module-color-text-default: var(--ids-color-accent-neutral-strongest);
   --ids-button-module-color-text-hover: var(--ids-color-white-100);
   --ids-button-system-color-text-hover: var(--ids-color-white-100);
   --ids-button-ai-color-background-default: linear-gradient(107deg, #254A92 9.32%, #10B7A6 85.32%);
   --ids-button-ai-color-background-hover: linear-gradient(107deg, #1F405C 5.32%, #0EAA9B 75.32%);
-  --ids-button-ai-color-border-hover: transparent;
+  --ids-button-ai-color-border-hover: var(--ids-color-transparent);
   --ids-button-ai-color-tertiary-background-default: linear-gradient(107deg, #10B6A6 17.32%, #0EAA9B 95.32%);
   --ids-button-ai-color-tertiary-background-hover: linear-gradient(107deg, #0ea495 17.32%, #0d998b 95.32%);
   --ids-button-tertiary-ai-color-background-disabled: linear-gradient(107deg, #10B6A6 17.32%, #0EAA9B 95.32%);
@@ -2054,305 +2161,311 @@
   --ids-button-ai-color-loading-dot-default: #10B6A6;
   --ids-button-ai-opacity-disabled: 0.6;
   --ids-button-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #10B6A6;
-  --ids-button-tertiary-color-background-hover: var(--ids-color-accent-gray-weaker);
-  --ids-button-tertiary-color-border-hover: var(--ids-color-accent-gray-weaker);
+  --ids-button-tertiary-color-background-hover: var(--ids-color-accent-neutral-weaker);
+  --ids-button-tertiary-color-border-hover: var(--ids-color-accent-neutral-weaker);
   --ids-button-tertiary-opacity-disabled: 0.6;
   --ids-button-secondary-opacity-disabled: 0.6;
   --ids-button-primary-opacity-disabled: 0.6;
-  --ids-calendar-toolbar-color-background: var(--ids-color-gray-80);
-  --ids-calendar-toolbar-color-border: var(--ids-color-gray-70);
-  --ids-card-color-border-hover: var(--ids-color-gray-70);
+  --ids-calendar-toolbar-color-background: var(--ids-color-accent-neutral-weaker);
+  --ids-calendar-toolbar-color-border: var(--ids-color-neutral-70);
+  --ids-card-color-border-hover: var(--ids-color-neutral-70);
   --ids-card-color-border-selected: var(--ids-color-primary-60);
-  --ids-card-divider-color-border: var(--ids-color-gray-80);
+  --ids-card-divider-color-border: var(--ids-color-accent-neutral-weaker);
+  --ids-card-color-background-hover: var(--ids-color-background-default);
+  --ids-card-color-text-hover: var(--ids-color-text-default);
   --ids-chart-legend-color-text: var(--ids-color-text-default);
-  --ids-checkbox-color-background-multiselect: var(--ids-color-gray-80);
-  --ids-data-grid-color-background: var(--ids-color-gray-90);
-  --ids-data-grid-cell-color-background-default: var(--ids-color-gray-90);
+  --ids-checkbox-color-background-multiselect: var(--ids-color-background-dark);
+  --ids-data-grid-color-background: var(--ids-color-accent-neutral-weakest);
+  --ids-data-grid-cell-color-background-default: var(--ids-color-accent-neutral-weakest);
   --ids-data-grid-cell-color-background-readonly: rgba(0 0 0 / 0.35);
-  --ids-data-grid-cell-color-border: var(--ids-color-gray-60);
-  --ids-data-grid-cell-checkbox-color-border: var(--ids-color-gray-40);
+  --ids-data-grid-cell-color-border: var(--ids-color-border-weak);
+  --ids-data-grid-cell-checkbox-color-border: var(--ids-color-border-default);
   --ids-data-grid-cell-color-text-default: var(--ids-color-white-100);
-  --ids-data-grid-cell-color-text-disabled: var(--ids-color-gray-50);
+  --ids-data-grid-cell-color-text-disabled: var(--ids-color-accent-neutral-default);
   --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
-  --ids-data-grid-list-cell-color-border: var(--ids-color-gray-60);
-  --ids-data-grid-list-header-color-border: var(--ids-color-gray-80);
-  --ids-data-grid-list-header-color-background: var(--ids-color-gray-80);
-  --ids-data-grid-list-header-color-text: var(--ids-color-gray-30);
-  --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-gray-40);
-  --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-gray-20);
-  --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-gray-40);
-  --ids-data-grid-header-color-border: var(--ids-color-gray-50);
-  --ids-data-grid-header-color-background-default: var(--ids-color-gray-70);
-  --ids-data-grid-header-color-background-hover: var(--ids-color-gray-80);
-  --ids-data-grid-header-checkbox-color-background: var(--ids-color-gray-70);
-  --ids-data-grid-header-checkbox-color-border: var(--ids-color-gray-40);
-  --ids-data-grid-header-color-icon: var(--ids-color-gray-10);
-  --ids-data-grid-header-drag-background-color: var(--ids-color-gray-70);
-  --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-gray-20);
-  --ids-data-grid-header-color-background-default-placeholder-dragging: var(--ids-color-gray-80);
-  --ids-data-grid-header-color-text: var(--ids-color-gray-10);
-  --ids-data-grid-header-color-icon-unsorted: var(--ids-color-gray-30);
-  --ids-data-grid-header-color-icon-sorted: var(--ids-color-gray-10);
-  --ids-data-grid-header-expander-color: var(--ids-color-gray-40);
-  --ids-data-grid-header-expander-color-active: var(--ids-color-gray-20);
-  --ids-data-grid-filter-icon-color: var(--ids-color-gray-10);
+  --ids-data-grid-list-cell-color-border: var(--ids-color-border-weak);
+  --ids-data-grid-list-header-color-border: var(--ids-color-border-weaker);
+  --ids-data-grid-list-header-color-background: var(--ids-color-accent-neutral-weaker);
+  --ids-data-grid-list-header-color-text: var(--ids-color-neutral-30);
+  --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-accent-neutral-strong);
+  --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-accent-neutral-stronger);
+  --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-accent-neutral-strong);
+  --ids-data-grid-header-color-border: var(--ids-color-neutral-50);
+  --ids-data-grid-header-color-background-default: var(--ids-color-neutral-70);
+  --ids-data-grid-header-color-background-hover: var(--ids-color-neutral-80);
+  --ids-data-grid-header-checkbox-color-background: var(--ids-color-neutral-70);
+  --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-40);
+  --ids-data-grid-header-color-icon: var(--ids-color-neutral-10);
+  --ids-data-grid-header-drag-background-color: var(--ids-color-neutral-70);
+  --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-neutral-20);
+  --ids-data-grid-header-color-background-default-placeholder-dragging: var(--ids-color-neutral-80);
+  --ids-data-grid-header-color-text: var(--ids-color-neutral-10);
+  --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-30);
+  --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-10);
+  --ids-data-grid-header-expander-color: var(--ids-color-neutral-40);
+  --ids-data-grid-header-expander-color-active: var(--ids-color-neutral-20);
+  --ids-data-grid-filter-icon-color: var(--ids-color-neutral-10);
   --ids-data-grid-filter-icon-color-hover: var(--ids-color-white-100);
-  --ids-data-grid-filter-input-color-border-default: var(--ids-color-gray-40);
+  --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-40);
   --ids-data-grid-filter-input-color-text-default: var(--ids-color-white-100);
-  --ids-data-grid-filter-input-color-border-hover: var(--ids-color-gray-10);
+  --ids-data-grid-filter-input-color-border-hover: var(--ids-color-neutral-10);
   --ids-data-grid-filter-input-color-border-focus: var(--ids-color-primary-50);
-  --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-gray-50);
-  --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-gray-50);
-  --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-gray-50);
-  --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-gray-50);
-  --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-gray-10);
-  --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-gray-40);
-  --ids-data-grid-row-color-background-selected: var(--ids-color-gray-100);
-  --ids-data-grid-row-alternating-color-background: var(--ids-color-gray-80);
+  --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-50);
+  --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-50);
+  --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-50);
+  --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-50);
+  --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-neutral-10);
+  --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
+  --ids-data-grid-row-color-background-selected: var(--ids-color-neutral-100);
+  --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-80);
   --ids-data-grid-row-shadow-focus: inset 0 0 0 1px var(--ids-color-primary-50), 0 1px 0 0 var(--ids-color-primary-50), 0 0 3px 2px rgb(54 138 192 / 0.3);
-  --ids-date-picker-color-background: var(--ids-color-gray-70);
+  --ids-date-picker-color-background: var(--ids-color-neutral-70);
   --ids-date-picker-item-color-border-focus: var(--ids-color-primary-40);
   --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary-40);
   --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary-40);
-  --ids-date-picker-picklist-separator-color-background: var(--ids-color-gray-50);
+  --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-50);
   --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-orange-40);
-  --ids-drawer-action-sheet-color-background: var(--ids-color-gray-90);
-  --ids-drawer-action-sheet-color-text: var(--ids-color-gray-10);
-  --ids-drawer-app-menu-color-background: var(--ids-color-gray-90);
-  --ids-drawer-app-menu-color-text: var(--ids-color-gray-10);
+  --ids-drawer-action-sheet-color-background: var(--ids-color-neutral-90);
+  --ids-drawer-action-sheet-color-text: var(--ids-color-neutral-10);
+  --ids-drawer-app-menu-color-background: var(--ids-color-neutral-90);
+  --ids-drawer-app-menu-color-text: var(--ids-color-neutral-10);
   --ids-dropdown-color-background-default: var(--ids-popup-color-background);
   --ids-dropdown-color-border: var(--ids-color-border-focus);
-  --ids-dropdown-attached-color-border: var(--ids-color-gray-50);
+  --ids-dropdown-attached-color-border: var(--ids-color-accent-neutral-default);
   --ids-dropdown-shadow-default: -2px 1px 2px 0 rgb(54 138 192 / 0.3), 0 1px 2px 0 rgb(54 138 192 / 0.3), 2px 2px 2px 0 rgb(54 138 192 / 0.3);
   --ids-dropdown-shadow-opened-up: 0 -1px 2px 0 rgb(54 138 192 / 0.3), 2px 0 3px 0 rgb(54 138 192 / 0.3), -2px -2px 3px 0 rgb(54 138 192 / 0.3);
-  --ids-dropdown-color-icon: var(--ids-color-gray-10);
-  --ids-dropdown-typeahead-color-background: var(--ids-color-gray-30);
-  --ids-dropdown-color-text-default: var(--ids-color-white-100);
-  --ids-dropdown-color-background-hover: var(--ids-color-gray-80);
-  --ids-dropdown-group-color-text: var(--ids-color-gray-20);
-  --ids-dropdown-group-color-border: var(--ids-color-gray-50);
-  --ids-editor-background-color: var(--ids-color-gray-100);
-  --ids-editor-color-border-default: var(--ids-color-gray-40);
-  --ids-editor-color-border-hover: var(--ids-color-gray-10);
-  --ids-editor-color-background-readonly: var(--ids-color-gray-70);
-  --ids-editor-color-border-readonly: var(--ids-color-gray-40);
-  --ids-editor-source-color-background-readonly: var(--ids-color-gray-90);
+  --ids-dropdown-color-icon: var(--ids-color-accent-neutral-strongest);
+  --ids-dropdown-typeahead-color-background: var(--ids-color-neutral-30);
+  --ids-dropdown-color-text-default: var(--ids-color-foreground-light-default);
+  --ids-dropdown-color-background-hover: var(--ids-color-background-dark);
+  --ids-dropdown-group-color-text: var(--ids-color-accent-neutral-stronger);
+  --ids-dropdown-group-color-border: var(--ids-color-border-weak);
+  --ids-editor-background-color: var(--ids-color-neutral-100);
+  --ids-editor-color-border-default: var(--ids-color-neutral-40);
+  --ids-editor-color-border-hover: var(--ids-color-neutral-10);
+  --ids-editor-color-background-readonly: var(--ids-color-neutral-70);
+  --ids-editor-color-border-readonly: var(--ids-color-neutral-40);
+  --ids-editor-source-color-background-readonly: var(--ids-color-neutral-90);
   --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
   --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
   --ids-editor-link-color-text-link: var(--ids-color-primary-40);
   --ids-editor-link-color-text-hover: var(--ids-color-primary-60);
   --ids-editor-link-color-border-focus: var(--ids-color-primary);
   --ids-editor-shadow-focus: var(--ids-shadow-focus);
-  --ids-editor-source-color-background-default: var(--ids-color-gray-80);
-  --ids-editor-source-line-color-text: var(--ids-color-gray-40);
+  --ids-editor-source-color-background-default: var(--ids-color-neutral-80);
+  --ids-editor-source-line-color-text: var(--ids-color-neutral-40);
   --ids-editor-source-color-text: var(--ids-color-text-data);
-  --ids-expandable-area-border-bottom: 1px solid var(--ids-color-gray-50);
-  --ids-empty-message-icon-color: var(--ids-color-gray-60);
-  --ids-empty-message-color-icon-fill: transparent;
-  --ids-header-color-border-bottom: var(--ids-color-gray-80);
-  --ids-header-color-background: var(--ids-color-gray-90);
+  --ids-empty-message-icon-color: var(--ids-color-neutral-60);
+  --ids-empty-message-color-icon-fill: var(--ids-color-transparent);
+  --ids-header-color-border-bottom: var(--ids-color-neutral-80);
+  --ids-header-color-background: var(--ids-color-neutral-90);
   --ids-header-gradient-opacity-none: rgb(40 40 42 / 1);
   --ids-header-gradient-opacity-full: rgb(40 40 42 / 0);
-  --ids-header-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-gray-90), rgba(255 255 255 / 0));
-  --ids-hierarchy-item-leaf-color-border: var(--ids-color-gray-70);
-  --ids-hierarchy-item-color-background: var(--ids-color-gray-100);
+  --ids-header-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-neutral-90), rgba(255 255 255 / 0));
+  --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-70);
+  --ids-hierarchy-item-color-background: var(--ids-color-neutral-100);
   --ids-hierarchy-item-leaf-inside-shadow: 0 0 8px rgb(0 0 0 / 0.7);
   --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(141 201 230 / 0.3);
-  --ids-homepage-color-background-default: var(--ids-color-gray-100);
+  --ids-homepage-color-background-default: var(--ids-color-neutral-100);
   --ids-hyperlink-box-icon-color-text-default: var(--ids-color-purple-50);
-  --ids-hyperlink-box-color-text-default: var(--ids-color-gray-40);
-  --ids-hyperlink-box-color-border-default: var(--ids-color-gray-70);
+  --ids-hyperlink-box-color-text-default: var(--ids-color-accent-neutral-strong);
+  --ids-hyperlink-box-color-border-default: var(--ids-color-neutral-70);
   --ids-icon-color-default-disabled: var(--ids-color-text-disabled);
-  --ids-icon-status-color-red-color-background: transparent;
-  --ids-icon-status-color-orange-color-background: transparent;
-  --ids-icon-status-color-yellow-color-background: transparent;
-  --ids-icon-status-color-green-color-background: transparent;
-  --ids-icon-status-color-primary-color-background: transparent;
-  --ids-icon-status-color-teal-color-background: transparent;
-  --ids-icon-status-color-purple-color-background: transparent;
-  --ids-icon-status-color-gray-color-background: transparent;
-  --ids-icon-status-color-error-color-background: transparent;
-  --ids-icon-status-color-warning-color-background: transparent;
-  --ids-icon-status-color-success-color-background: transparent;
-  --ids-icon-status-color-info-color-background: transparent;
-  --ids-color-status-color-caution-color-background: transparent;
+  --ids-icon-status-color-red-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-orange-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-yellow-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-green-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-primary-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-teal-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-purple-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-neutral-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-error-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-warning-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-success-color-background: var(--ids-color-transparent);
+  --ids-icon-status-color-info-color-background: var(--ids-color-transparent);
+  --ids-color-status-color-caution-color-background: var(--ids-color-transparent);
   --ids-input-header-color-text-default: var(--ids-color-white-100);
-  --ids-input-header-color-text-placeholder: var(--ids-color-gray-40);
-  --ids-input-header-color-background: transparent;
+  --ids-input-header-color-text-placeholder: var(--ids-color-accent-neutral-strong);
+  --ids-input-header-color-background: var(--ids-color-transparent);
   --ids-input-header-color-border: rgba(255 255 255 / 0.7);
-  --ids-layout-grid-color-background: var(--ids-color-gray-80);
+  --ids-layout-grid-color-background: var(--ids-color-neutral-80);
   --ids-layout-grid-color-text: var(--ids-color-text-default);
-  --ids-link-list-title-color-text-default: var(--ids-color-gray-10);
-  --ids-list-view-item-color-background-default: var(--ids-color-gray-90);
-  --ids-list-view-item-color-border-top: var(--ids-color-gray-70);
+  --ids-link-list-title-color-text-default: var(--ids-color-accent-neutral-strongest);
+  --ids-list-view-item-color-background-default: var(--ids-color-accent-neutral-weakest);
+  --ids-list-view-item-color-border-top: var(--ids-color-neutral-70);
   --ids-list-view-item-color-border-focus: var(--ids-color-primary-70);
   --ids-list-view-item-shadow-focus: none;
-  --ids-list-view-item-color-text-disabled: var(--ids-color-gray-50);
-  --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-gray-70);
-  --ids-list-view-item-color-background-disabled: var(--ids-color-gray-70);
-  --ids-list-view-item-color-border-disabled: var(--ids-color-gray-80);
-  --ids-list-view-item-badge-color-text-disabled: var(--ids-color-gray-40);
-  --ids-list-view-item-color-text-link-disabled: var(--ids-color-gray-40);
-  --ids-list-view-color-background-selected: var(--ids-color-primary-100);
-  --ids-loading-indicator-circle-color: var(--ids-color-gray-60);
-  --ids-loading-indicator-primary-progress-color-border: var(--ids-color-gray-80);
-  --ids-loading-indicator-primary-color-border: var(--ids-color-gray-50);
+  --ids-list-view-item-color-text-disabled: var(--ids-color-accent-neutral-default);
+  --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-neutral-70);
+  --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-70);
+  --ids-list-view-item-color-border-disabled: var(--ids-color-accent-neutral-weaker);
+  --ids-list-view-item-badge-color-text-disabled: var(--ids-color-accent-neutral-strong);
+  --ids-list-view-item-color-text-link-disabled: var(--ids-color-accent-neutral-strong);
+  --ids-loading-indicator-circle-color: var(--ids-color-neutral-60);
+  --ids-loading-indicator-primary-progress-color-border: var(--ids-color-accent-neutral-weaker);
+  --ids-loading-indicator-primary-color-border: var(--ids-color-neutral-50);
   --ids-loading-indicator-progress-color: var(--ids-color-primary-60);
   --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-red-20);
   --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-error-stronger);
   --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-red-30);
-  --ids-masthead-color-background: var(--ids-color-gray-80);
-  --ids-masthead-color-text: var(--ids-color-gray-10);
+  --ids-masthead-color-background: var(--ids-color-neutral-100);
+  --ids-masthead-color-text: var(--ids-color-accent-neutral-strongest);
   --ids-modal-color-background: var(--ids-popup-color-background);
   --ids-modal-color-border: var(--ids-popup-color-border);
   --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
-  --ids-modal-footer-color-border: var(--ids-color-gray-50);
-  --ids-modal-button-color-default: var(--ids-color-primary-40);
-  --ids-modal-button-color-hover: var(--ids-color-primary-30);
-  --ids-modal-button-secondary-color-default: var(--ids-color-grey-30);
-  --ids-modal-button-secondary-color-hover: var(--ids-color-grey-10);
+  --ids-modal-button-color-hover: var(--ids-color-action-stronger);
+  --ids-modal-button-secondary-color-default: var(--ids-color-foreground-light-secondary);
+  --ids-modal-button-secondary-color-hover: var(--ids-color-foreground-light-default);
   --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-primary-30);
-  --ids-module-nav-background-color: var(--ids-color-gray-90);
-  --ids-module-nav-border-color: var(--ids-color-gray-70);
-  --ids-module-nav-text-color: var(--ids-color-gray-30);
-  --ids-module-nav-detail-background-color: var(--ids-color-gray-80);
-  --ids-module-nav-separator-color: var(--ids-color-gray-80);
-  --ids-module-nav-input-bg-color: var(--ids-color-gray-90);
-  --ids-module-nav-input-border-color: var(--ids-color-gray-70);
-  --ids-module-nav-input-text-color: var(--ids-color-gray-10);
-  --ids-module-nav-input-focus-bg-color: var(--ids-color-gray-90);
-  --ids-module-nav-input-hover-bg-color: var(--ids-color-gray-80);
-  --ids-module-nav-item-text-color: var(--ids-color-gray-10);
-  --ids-module-nav-item-hover-bg-color: var(--ids-color-gray-80);
-  --ids-module-nav-item-hover-text-color: var(--ids-color-gray-10);
-  --ids-module-nav-item-selected-bg-color: var(--ids-color-primary-60);
-  --ids-module-nav-item-selected-text-color: var(--ids-color-gray-10);
-  --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-gray-90);
-  --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-gray-80);
-  --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-gray-20);
-  --ids-module-nav-search-input-bg-color: var(--ids-color-gray-80);
-  --ids-module-nav-search-input-text-color: var(--ids-color-gray-10);
-  --ids-module-nav-search-input-focused-bg-color: var(--ids-color-gray-90);
-  --ids-module-nav-search-input-focused-text-color: var(--ids-color-gray-10);
-  --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-gray-10);
-  --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-gray-50);
+  --ids-module-nav-background-color: var(--ids-color-accent-neutral-weakest);
+  --ids-module-nav-border-color: var(--ids-color-border-weaker);
+  --ids-module-nav-detail-background-color: var(--ids-color-accent-neutral-weaker);
+  --ids-module-nav-separator-color: var(--ids-color-accent-neutral-weaker);
+  --ids-module-nav-input-bg-color: var(--ids-color-accent-neutral-weakest);
+  --ids-module-nav-input-border-color: var(--ids-color-neutral-70);
+  --ids-module-nav-input-text-color: var(--ids-color-accent-neutral-strongest);
+  --ids-module-nav-input-focus-bg-color: var(--ids-color-accent-neutral-weakest);
+  --ids-module-nav-input-hover-bg-color: var(--ids-color-accent-neutral-weaker);
+  --ids-module-nav-item-text-color: var(--ids-color-accent-neutral-strongest);
+  --ids-module-nav-item-active-text-color: var(--ids-color-accent-blue-strongest);
+  --ids-module-nav-item-selected-text-color: var(--ids-color-accent-blue-strongest);
+  --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-accent-neutral-weakest);
+  --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-accent-neutral-weaker);
+  --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-accent-neutral-stronger);
+  --ids-module-nav-search-input-bg-color: var(--ids-color-accent-neutral-weaker);
+  --ids-module-nav-search-input-text-color: var(--ids-color-accent-neutral-strongest);
+  --ids-module-nav-search-input-focused-bg-color: var(--ids-color-accent-neutral-weakest);
+  --ids-module-nav-search-input-focused-text-color: var(--ids-color-accent-neutral-strongest);
+  --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-accent-neutral-strongest);
+  --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-accent-neutral-default);
   --ids-module-nav-settings-menu-box-shadow: 0 0 8px 1px rgba(255 255 255 / 0.08);
-  --ids-module-nav-settings-menu-item-text-color: var(--ids-color-gray-30);
-  --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-gray-40);
-  --ids-module-nav-settings-menu-separator-color: var(--ids-color-gray-90);
+  --ids-module-nav-settings-menu-item-text-color: var(--ids-color-neutral-30);
+  --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-neutral-40);
+  --ids-module-nav-settings-menu-separator-color: var(--ids-color-accent-neutral-weakest);
   --ids-menu-header-color-text: var(--ids-color-white-100);
-  --ids-menu-item-color-text-disabled: var(--ids-color-gray-50);
-  --ids-menu-item-highlight-color: var(--ids-color-gray-80);
+  --ids-menu-item-color-text-disabled: var(--ids-color-accent-neutral-default);
+  --ids-menu-item-highlight-color: var(--ids-color-accent-neutral-weaker);
   --ids-menu-check-color-default: var(--ids-color-primary-60);
-  --ids-popup-menu-color-text-default: var(--ids-color-white-100);
   --ids-popup-menu-color-background-inverse: var(--ids-color-white-100);
-  --ids-popup-menu-color-border-inverse: var(--ids-color-gray-30);
+  --ids-popup-menu-color-border-inverse: var(--ids-color-neutral-30);
   --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
-  --ids-popup-menu-color-text-inverse: var(--ids-color-gray-10);
-  --ids-calendar-month-view-color-background-default: var(--ids-color-gray-80);
-  --ids-calendar-month-view-color-border: var(--ids-color-gray-70);
-  --ids-calendar-month-view-color-background-disabled: var(--ids-color-gray-100);
-  --ids-calendar-month-view-color-text-default: var(--ids-color-gray-30);
+  --ids-popup-menu-color-text-inverse: var(--ids-color-accent-neutral-strongest);
+  --ids-calendar-month-view-color-background-default: var(--ids-color-neutral-80);
+  --ids-calendar-month-view-color-border: var(--ids-color-neutral-70);
+  --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-100);
+  --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-30);
   --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
-  --ids-calendar-month-view-color-text-alternate: var(--ids-color-gray-50);
+  --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-50);
   --ids-calendar-month-view-color-background-hover: rgb(49 50 54 / 0.2);
-  --ids-calendar-month-view-color-background-selected: var(--ids-color-gray-70);
+  --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-70);
   --ids-calendar-month-view-color-selected: var(--ids-color-primary-60);
   --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-primary-60);
   --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
-  --ids-calendar-month-view-color-text-compact: var(--ids-color-gray-50);
+  --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-50);
   --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-color-white-100);
   --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-primary-60);
+  --ids-notification-badge-error-color-background: var(--ids-color-error-stronger);
+  --ids-notification-badge-info-color-background: var(--ids-color-info-stronger);
+  --ids-notification-badge-success-color-background: var(--ids-color-success-stronger);
+  --ids-notification-badge-warning-color-background: var(--ids-color-warning-stronger);
   --ids-overlay-background-color: 22 22 24;
   --ids-overlay-page-background-color: 22 22 24;
-  --ids-chart-pie-color-text: var(--ids-color-gray-30);
-  --ids-progress-chart-label-color-text: var(--ids-color-gray-30);
-  --ids-progress-chart-total-color-background: var(--ids-color-gray-50);
+  --ids-chart-pie-color-text: var(--ids-color-neutral-30);
+  --ids-progress-chart-label-color-text: var(--ids-color-neutral-30);
+  --ids-progress-chart-total-color-background: var(--ids-color-neutral-50);
   --ids-progress-chart-bar-progress-color-background: var(--ids-color-primary-60);
   --ids-process-indicator-color-primary: var(--ids-color-primary-70);
   --ids-process-indicator-color-active: var(--ids-color-primary-70);
   --ids-process-indicator-canceled-step-color-background: var(--ids-color-red-50);
   --ids-process-indicator-canceled-step-color-icon: var(--ids-color-white-100);
   --ids-input-required-indicator-color-text-default: var(--ids-color-error-default);
-  --ids-scroll-view-color-icon-default: var(--ids-color-gray-40);
+  --ids-scroll-view-color-icon-default: var(--ids-color-accent-neutral-strong);
   --ids-scroll-view-color-icon-selected: var(--ids-color-primary-60);
   --ids-search-field-card-color-text: var(--ids-color-text-default);
-  --ids-search-field-card-color-background: var(--ids-color-gray-80);
-  --ids-search-field-header-color-background: var(--ids-color-gray-100);
+  --ids-search-field-card-color-background: var(--ids-color-neutral-80);
+  --ids-search-field-header-color-background: var(--ids-color-neutral-100);
   --ids-search-field-header-color-text: var(--ids-color-text-default);
-  --ids-search-field-header-color-icon-default: var(--ids-color-gray-10);
+  --ids-search-field-header-color-icon-default: var(--ids-color-neutral-10);
+  --ids-segmented-control-text-color: var(--ids-color-foreground-default-secondary);
+  --ids-segmented-control-background-hover: var(--ids-color-background-default);
+  --ids-segmented-control-background-selected: var(--ids-color-background-default);
   --ids-slider-tick-color-background-default: var(--ids-color-primary-60);
   --ids-slider-thumb-color-background-default: var(--ids-color-primary-60);
   --ids-slider-thumb-color-border-default: var(--ids-color-primary-60);
-  --ids-slider-track-color-background-default: var(--ids-color-gray-70);
+  --ids-slider-track-color-background-default: var(--ids-color-accent-neutral-weak);
   --ids-slider-track-color-background-progress: var(--ids-color-primary-60);
   --ids-slider-tooltip-color-background: var(--ids-color-white-100);
-  --ids-slider-tooltip-color-text: var(--ids-color-gray-100);
-  --ids-slider-color-disabled: var(--ids-color-gray-20);
-  --ids-slider-tick-color-background-disabled: var(--ids-color-gray-40);
-  --ids-slider-thumb-color-background-disabled: var(--ids-color-gray-40);
-  --ids-slider-track-color-background-disabled: var(--ids-color-gray-50);
-  --ids-slider-track-color-background-progress-disabled: var(--ids-color-gray-40);
-  --ids-slider-color-readonly: var(--ids-color-gray-20);
-  --ids-slider-tick-color-background-readonly: var(--ids-color-gray-40);
-  --ids-slider-thumb-color-background-readonly: var(--ids-color-gray-40);
+  --ids-slider-tooltip-color-text: var(--ids-color-foreground-dark-default);
+  --ids-slider-color-disabled: var(--ids-color-accent-neutral-stronger);
+  --ids-slider-tick-color-background-disabled: var(--ids-color-accent-neutral-strong);
+  --ids-slider-thumb-color-background-disabled: var(--ids-color-accent-neutral-strong);
+  --ids-slider-track-color-background-disabled: var(--ids-color-accent-neutral-default);
+  --ids-slider-track-color-background-progress-disabled: var(--ids-color-accent-neutral-strong);
+  --ids-slider-color-readonly: var(--ids-color-accent-neutral-stronger);
+  --ids-slider-tick-color-background-readonly: var(--ids-color-accent-neutral-strong);
+  --ids-slider-thumb-color-background-readonly: var(--ids-color-accent-neutral-strong);
   --ids-slider-thumb-color-shadow-readonly: rgba(151 151 155 / 0.1);
-  --ids-slider-thumb-color-border-readonly: var(--ids-color-gray-40);
-  --ids-slider-track-color-background-readonly: var(--ids-color-gray-70);
-  --ids-slider-track-progress-color-background-readonly: var(--ids-color-gray-40);
-  --ids-step-chart-color-background-default: var(--ids-color-gray-70);
+  --ids-slider-thumb-color-border-readonly: var(--ids-color-accent-neutral-strong);
+  --ids-slider-track-color-background-readonly: var(--ids-color-accent-neutral-weak);
+  --ids-slider-track-progress-color-background-readonly: var(--ids-color-accent-neutral-strong);
+  --ids-step-chart-color-background-default: var(--ids-color-neutral-70);
   --ids-step-chart-color-background-complete: var(--ids-color-primary-60);
-  --ids-swappable-item-color-background-hover: var(--ids-color-gray-60);
+  --ids-swappable-item-color-background-hover: var(--ids-color-accent-neutral-weak);
   --ids-swappable-item-color-background-selected: var(--ids-color-primary-60);
-  --ids-swappable-item-over-border: 1px dashed var(--ids-color-gray-30);
-  --ids-swaplist-button-color-background-hover: var(--ids-color-accent-gray-weaker);
-  --ids-swaplist-search-color-background-default: var(--ids-color-gray-80);
-  --ids-swaplist-search-color-border-default: var(--ids-color-gray-80);
-  --ids-swaplist-search-color-text-default: var(--ids-color-gray-10);
-  --ids-swaplist-search-color-text-placeholder: var(--ids-color-gray-10);
-  --ids-swaplist-search-color-border-hover: var(--ids-color-gray-10);
-  --ids-swaplist-search-color-border-focus: var(--ids-color-gray-10);
+  --ids-swappable-item-over-border: 1px dashed var(--ids-color-neutral-30);
+  --ids-swaplist-button-color-background-hover: var(--ids-color-accent-neutral-weaker);
+  --ids-swaplist-search-color-background-default: var(--ids-color-accent-neutral-weaker);
+  --ids-swaplist-search-color-border-default: var(--ids-color-accent-neutral-weaker);
+  --ids-swaplist-search-color-text-default: var(--ids-color-accent-neutral-strongest);
+  --ids-swaplist-search-color-text-placeholder: var(--ids-color-accent-neutral-strongest);
+  --ids-swaplist-search-color-border-hover: var(--ids-color-accent-neutral-strongest);
+  --ids-swaplist-search-color-border-focus: var(--ids-color-accent-neutral-strongest);
   --ids-swaplist-search-color-border-shadow: 0 0 3px 2px rgba(54 138 192 / 0.1);
-  --ids-swipe-action-color-background-left: var(--ids-color-gray-60);
+  --ids-swipe-action-color-background-left: var(--ids-color-neutral-60);
   --ids-swipe-action-color-text-left: var(--ids-color-white-100);
   --ids-swipe-action-color-background-right: var(--ids-color-primary-50);
   --ids-swipe-action-color-text-right: var(--ids-color-white-100);
-  --ids-time-picker-popup-color-background: var(--ids-color-gray-80);
-  --ids-time-picker-popup-colons-color-text: var(--ids-color-gray-30);
-  --ids-time-picker-popup-button-color-border: var(--ids-color-gray-50);
+  --ids-tab-module-color-text-selected: var(--ids-color-white-100);
+  --ids-tab-module-color-background-selected: var(--ids-color-neutral-90);
+  --ids-tab-module-color-background-default: var(--ids-color-neutral-80);
+  --ids-tab-module-color-background-disabled: var(--ids-color-neutral-80);
+  --ids-time-picker-popup-color-background: var(--ids-color-neutral-80);
+  --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-30);
+  --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-50);
   --ids-time-picker-popup-button-color-text-hover: var(--ids-color-primary-20);
   --ids-time-picker-popup-button-color-text-default: var(--ids-color-primary-30);
-  --ids-toolbar-formatter-color-background: var(--ids-color-gray-70);
-  --ids-toolbar-formatter-color-border-bottom: var(--ids-color-gray-50);
-  --ids-trigger-field-icon-color: var(--ids-color-gray-30);
-  --ids-tree-node-color-text-disabled: var(--ids-color-gray-50);
+  --ids-toolbar-formatter-color-background: var(--ids-color-accent-neutral-weak);
+  --ids-toolbar-formatter-color-border-bottom: var(--ids-color-accent-neutral-default);
+  --ids-trigger-field-icon-color: var(--ids-color-neutral-30);
+  --ids-tree-node-color-text-disabled: var(--ids-color-neutral-50);
   --ids-tree-node-color-border-focus: var(--ids-color-primary-60);
   --ids-tree-node-color-text-hover: var(--ids-color-white-100);
-  --ids-tree-node-color-background-selected: var(--ids-color-gray-60);
+  --ids-tree-node-color-background-selected: var(--ids-color-neutral-60);
   --ids-tree-node-color-text-selected: var(--ids-color-white-100);
-  --ids-tree-node-color-text-default: var(--ids-color-gray-30);
-  --ids-tree-treemap-color-border: var(--ids-color-gray-90);
-  --ids-tree-treemap-title-color-background: var(--ids-color-gray-30);
-  --ids-tree-treemap-title-color-text: var(--ids-color-gray-100);
-  --ids-upload-advanced-color-background-default: var(--ids-color-gray-70);
-  --ids-upload-advanced-color-background-disabled: var(--ids-color-gray-70);
-  --ids-upload-advanced-color-border-disabled: var(--ids-color-gray-50);
-  --ids-upload-advanced-color-background-drag-enter: var(--ids-color-gray-80);
+  --ids-tree-node-color-text-default: var(--ids-color-neutral-30);
+  --ids-tree-treemap-color-border: var(--ids-color-neutral-90);
+  --ids-tree-treemap-title-color-background: var(--ids-color-neutral-30);
+  --ids-tree-treemap-title-color-text: var(--ids-color-neutral-100);
+  --ids-upload-advanced-color-background-default: var(--ids-color-accent-neutral-weakest);
+  --ids-upload-advanced-color-background-disabled: var(--ids-color-accent-neutral-weakest);
+  --ids-upload-advanced-color-border-disabled: var(--ids-color-foreground-default-tertiary);
+  --ids-upload-advanced-color-background-drag-enter: var(--ids-color-accent-neutral-weaker);
   --ids-upload-advanced-color-border-drag-enter: var(--ids-color-primary-60);
-  --ids-upload-advanced-color-background-hover: var(--ids-color-gray-60);
-  --ids-upload-advanced-color-border-hover: var(--ids-color-gray-40);
-  --ids-upload-advanced-color-text-hover: var(--ids-color-gray-20);
+  --ids-upload-advanced-color-background-hover: var(--ids-color-accent-neutral-weaker);
+  --ids-upload-advanced-color-border-hover: var(--ids-color-border-default);
+  --ids-upload-advanced-color-text-hover: var(--ids-color-foreground-default-default);
   --ids-upload-advanced-hyperlink-box-focus-shadow: var(--ids-shadow-30);
   --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
-  --ids-upload-advanced-label-color-text: var(--ids-color-gray-30);
-  --ids-upload-advanced-color-text-default: var(--ids-color-gray-20);
-  --ids-week-view-color-border: var(--ids-color-gray-70);
-  --ids-week-view-row-odd-color-border: var(--ids-color-gray-80);
-  --ids-widget-header-title-color: var(--ids-color-gray-10);
-  --ids-widget-color-border-hover: var(--ids-color-gray-60);
+  --ids-upload-advanced-label-color-text: var(--ids-color-neutral-30);
+  --ids-upload-advanced-color-text-default: var(--ids-color-foreground-default-default);
+  --ids-upload-advanced-color-text-disabled: var(--ids-color-foreground-default-disabled);
+  --ids-week-view-color-border: var(--ids-color-neutral-70);
+  --ids-week-view-row-odd-color-border: var(--ids-color-neutral-80);
+  --ids-widget-header-title-color: var(--ids-color-accent-neutral-strongest);
+  --ids-widget-color-border-hover: var(--ids-color-accent-neutral-weak);
   --ids-widget-color-shadow-hover: 0 2px 4px 1px rgba(0 0 0 / 0.15);
-  --ids-widget-search-field-color-background: var(--ids-color-gray-80);
+  --ids-widget-search-field-color-background: var(--ids-color-accent-neutral-weaker);
   --ids-wizard-step-color-default: var(--ids-color-primary-40);
-  --ids-wizard-step-color-unvisited: var(--ids-color-gray-40);
-  --ids-wizard-step-color-disabled-unvisited: var(--ids-color-gray-50);
+  --ids-wizard-step-color-unvisited: var(--ids-color-accent-neutral-strong);
+  --ids-wizard-step-color-disabled-unvisited: var(--ids-color-accent-neutral-default);
 }