@siemens/ix 4.4.0 → 5.1.0

package/dist/siemens-ix/siemens-ix.css

@@ -621,272 +621,6 @@
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/* Dimensions */
-/* Font sizes */
-/* Line heights */
-/* Import global stylings for Web Components */
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-:host *,
-:host *::after,
-:host *::before {
-  box-sizing: border-box;
-}
-:host ::-webkit-scrollbar-button {
-  display: none;
-}
-@-moz-document url-prefix() {
-  :host * {
-    scrollbar-color: var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);
-    scrollbar-width: thin;
-  }
-}
-:host {
-  /* width */
-}
-:host ::-webkit-scrollbar {
-  width: 0.5rem;
-  height: 0.5rem;
-}
-:host {
-  /* Track */
-}
-:host ::-webkit-scrollbar-track {
-  border-radius: 5px;
-  background: var(--theme-scrollbar-track--background);
-}
-:host ::-webkit-scrollbar-track:hover {
-  background: var(--theme-scrollbar-track--background--hover);
-}
-:host {
-  /* Handle */
-}
-:host ::-webkit-scrollbar-thumb {
-  border-radius: 5px;
-  background: var(--theme-scrollbar-thumb--background);
-}
-:host {
-  /* Handle on hover */
-}
-:host ::-webkit-scrollbar-thumb:hover {
-  background: var(--theme-scrollbar-thumb--background--hover);
-}
-:host ::-webkit-scrollbar-corner {
-  display: none;
-}
-
-#toast-container > :not(:last-child) {
-  margin-block-end: 1rem;
-}
-
-.toast-container {
-  display: block;
-  position: fixed;
-  z-index: var(--theme-z-index-toast);
-}
-
-.toast-container--top-right {
-  right: 1rem;
-  top: 2rem;
-}
-
-.toast-container--bottom-right {
-  right: 1rem;
-  bottom: 2rem;
-}
-
-/* Legacy typography will be removed in 4.0.0 */
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/* Legacy typography will be removed in 4.0.0 */
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-.text-xs {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.625rem;
-  font-weight: 400;
-  line-height: 1.4em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-s {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.75rem;
-  font-weight: 400;
-  line-height: 1.5em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-caption {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.75rem;
-  font-weight: 700;
-  line-height: 1.5em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-caption-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.75rem;
-  font-weight: 700;
-  line-height: 1em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-default {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.875rem;
-  font-weight: 400;
-  line-height: 1.429em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-default-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.875rem;
-  font-weight: 400;
-  line-height: 1.143em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-default-title {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.875rem;
-  font-weight: 700;
-  line-height: 1.429em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-default-title-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 0.875rem;
-  font-weight: 700;
-  line-height: 1.143em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-l {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.5em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-l-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 1.25em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-l-title {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1rem;
-  font-weight: 700;
-  line-height: 1.5em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-l-title-single {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1rem;
-  font-weight: 700;
-  line-height: 1.25em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-h2 {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1.375rem;
-  font-weight: 700;
-  line-height: 1.455em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-.text-xl {
-  font-family: Siemens Sans, sans-serif;
-  font-size: 1.375rem;
-  font-weight: 400;
-  line-height: 1.091em;
-  color: var(--theme-color-std-text);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-a {
-  color: var(--theme-color-primary);
-}
-
 /* Common */
 /*
 * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -1351,6 +1085,17 @@ form:not(.was-validated) .ix-form-control.valid-feedback {
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
+/*
+* SPDX-FileCopyrightText: 2024 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/* Dimensions */
+/* Font sizes */
+/* Line heights */
 /* Base for label styling */
 .ix-form-control[type=checkbox]:not(:checked),
 .ix-form-control[type=checkbox]:checked {
@@ -1490,6 +1235,14 @@ form:not(.was-validated) .ix-form-control.valid-feedback {
   color: var(--theme-checkbox-label--color--disabled);
 }
 
+/*
+* SPDX-FileCopyrightText: 2023 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 /*
 * SPDX-FileCopyrightText: 2023 Siemens AG
 *
@@ -1733,7 +1486,6 @@ a[href]:has(+ ix-menu-item) {
   margin-right: 8px;
 }
 
-/* Legacy typography will be removed in 4.0.0 */
 /*
 * SPDX-FileCopyrightText: 2023 Siemens AG
 *
@@ -1742,6 +1494,22 @@ a[href]:has(+ ix-menu-item) {
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
+/*
+* SPDX-FileCopyrightText: 2023 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/*
+* SPDX-FileCopyrightText: 2024 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 .ix-table {
   box-sizing: border-box;
   border-spacing: 0px;
@@ -1766,7 +1534,7 @@ a[href]:has(+ ix-menu-item) {
   --bs-table-border-color: var(--theme-table--border-color);
   --bs-table-accent-bg: transparent;
   --bs-table-striped-color: var(--theme-table--color);
-  --bs-table-striped-bg: var(--theme-table-data-row-alt--background);
+  --bs-table-striped-bg: var(--theme-table-data-cell--background);
   --bs-table-active-color: var(--theme-table--color);
   --bs-table-active-bg: var(--theme-table-data-row-alt--background--active);
   --bs-table-hover-color: var(--theme-table--color);
@@ -1781,7 +1549,7 @@ a[href]:has(+ ix-menu-item) {
   --bs-table-border-color: var(--theme-table--border-color);
   --bs-table-accent-bg: transparent;
   --bs-table-striped-color: var(--theme-table--color);
-  --bs-table-striped-bg: var(--theme-table-data-row-alt--background);
+  --bs-table-striped-bg: var(--theme-table-data-cell--background);
   --bs-table-active-color: var(--theme-table--color);
   --bs-table-active-bg: var(--theme-table-data-row-alt--background--active);
   --bs-table-hover-color: var(--theme-table--color);
@@ -1789,6 +1557,10 @@ a[href]:has(+ ix-menu-item) {
 }
 
 .ix-table-striped > tbody > tr:nth-of-type(odd) > * {
+  --ix-table-background: var(--theme-table-data-cell--background);
+}
+
+.ix-table-striped > tbody > tr:nth-of-type(even) > * {
   --ix-table-background: var(--theme-table-data-row-alt--background);
 }
 
@@ -2192,22 +1964,6 @@ a {
   --ix-button-border-radius-left: 0;
 }
 
-/*
-* SPDX-FileCopyrightText: 2024 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
-/*
-* SPDX-FileCopyrightText: 2025 Siemens AG
-*
-* SPDX-License-Identifier: MIT
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
 /*
 * SPDX-FileCopyrightText: 2024 Siemens AG
 *
@@ -2439,6 +2195,38 @@ summary {
   display: none !important;
 }
 
+/*
+* SPDX-FileCopyrightText: 2024 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/*
+* SPDX-FileCopyrightText: 2025 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/*
+* SPDX-FileCopyrightText: 2026 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/*
+* SPDX-FileCopyrightText: 2024 Siemens AG
+*
+* SPDX-License-Identifier: MIT
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 :root {
   --ix-safe-area-inset-top: 0rem;
   --ix-safe-area-inset-right: 0rem;
@@ -2446,12 +2234,12 @@ summary {
   --ix-safe-area-inset-left: 0rem;
 }
 
-:not([data-ix-theme]) body:not([data-ix-theme]),
 [data-ix-theme] {
   --animate-duration: var(--theme-default-time);
-  --bs-font-sans-serif: Siemens Sans, system-ui, -apple-system, "Segoe UI",
+  --theme-font-family: Siemens Sans, system-ui, -apple-system, "Segoe UI",
     Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: var(--theme-font-family);
   color: var(--theme-color-std-text);
   --theme-border-width-default: 0.0625rem;
   --theme-border-width-none: 0rem;
@@ -2747,29 +2535,29 @@ summary {
   --theme-btn-danger-primary--color--disabled: var(--theme-color-primary--contrast);
   --theme-btn-danger-primary--color--hover: var(--theme-color-alarm--contrast);
   --theme-btn-danger-secondary--background: var(--theme-color-0);
-  --theme-btn-danger-secondary--background--active: var(--theme-color-0);
+  --theme-btn-danger-secondary--background--active: var(--theme-color-alarm--active);
   --theme-btn-danger-secondary--background--disabled: var(--theme-color-ghost);
-  --theme-btn-danger-secondary--background--hover: var(--theme-color-component-error);
+  --theme-btn-danger-secondary--background--hover: var(--theme-color-alarm--hover);
   --theme-btn-danger-secondary--border-color: var(--theme-color-alarm-text);
-  --theme-btn-danger-secondary--border-color--active: var(--theme-color-alarm-text);
+  --theme-btn-danger-secondary--border-color--active: var(--theme-color-alarm--active);
   --theme-btn-danger-secondary--border-color--disabled: var(--theme-color-component-4);
-  --theme-btn-danger-secondary--border-color--hover: var(--theme-color-alarm-text);
+  --theme-btn-danger-secondary--border-color--hover: var(--theme-color-alarm--hover);
   --theme-btn-danger-secondary--color: var(--theme-color-alarm-text);
-  --theme-btn-danger-secondary--color--active: var(--theme-color-alarm-text);
+  --theme-btn-danger-secondary--color--active: var(--theme-color-alarm--contrast);
   --theme-btn-danger-secondary--color--disabled: var(--theme-color-weak-text);
-  --theme-btn-danger-secondary--color--hover: var(--theme-color-alarm-text);
+  --theme-btn-danger-secondary--color--hover: var(--theme-color-alarm--contrast);
   --theme-btn-danger-tertiary--background: var(--theme-color-ghost);
-  --theme-btn-danger-tertiary--background--active: var(--theme-color-0);
+  --theme-btn-danger-tertiary--background--active: var(--theme-color-alarm--active);
   --theme-btn-danger-tertiary--background--disabled: var(--theme-color-ghost);
-  --theme-btn-danger-tertiary--background--hover: var(--theme-color-component-error);
+  --theme-btn-danger-tertiary--background--hover: var(--theme-color-alarm--hover);
   --theme-btn-danger-tertiary--border-color: var(--theme-color-0);
   --theme-btn-danger-tertiary--border-color--active: var(--theme-color-0);
   --theme-btn-danger-tertiary--border-color--disabled: var(--theme-color-0);
   --theme-btn-danger-tertiary--border-color--hover: var(--theme-color-0);
   --theme-btn-danger-tertiary--color: var(--theme-color-alarm-text);
-  --theme-btn-danger-tertiary--color--active: var(--theme-color-alarm-text);
+  --theme-btn-danger-tertiary--color--active: var(--theme-color-alarm--contrast);
   --theme-btn-danger-tertiary--color--disabled: var(--theme-color-weak-text);
-  --theme-btn-danger-tertiary--color--hover: var(--theme-color-alarm-text);
+  --theme-btn-danger-tertiary--color--hover: var(--theme-color-alarm--contrast);
   --theme-btn-primary--background: var(--theme-color-primary);
   --theme-btn-primary--background--active: var(--theme-color-primary--active);
   --theme-btn-primary--background--disabled: var(--theme-color-component-4);
@@ -2777,13 +2565,13 @@ summary {
   --theme-btn-primary--background--pressed: var(--theme-color-dynamic);
   --theme-btn-primary--background--pressed-active: var(--theme-color-dynamic--active);
   --theme-btn-primary--background--pressed-hover: var(--theme-color-dynamic--hover);
-  --theme-btn-primary--border-color: var(--theme-color-ghost);
-  --theme-btn-primary--border-color--active: var(--theme-color-ghost);
-  --theme-btn-primary--border-color--disabled: var(--theme-color-ghost);
-  --theme-btn-primary--border-color--hover: var(--theme-color-ghost);
-  --theme-btn-primary--border-color--pressed: var(--theme-color-ghost);
-  --theme-btn-primary--border-color--pressed-hover: var(--theme-color-ghost);
-  --theme-btn-primary--border-color--pressed-hover-active: var(--theme-color-ghost);
+  --theme-btn-primary--border-color: var(--theme-color-0);
+  --theme-btn-primary--border-color--active: var(--theme-color-0);
+  --theme-btn-primary--border-color--disabled: var(--theme-color-0);
+  --theme-btn-primary--border-color--hover: var(--theme-color-0);
+  --theme-btn-primary--border-color--pressed: var(--theme-color-0);
+  --theme-btn-primary--border-color--pressed-hover: var(--theme-color-0);
+  --theme-btn-primary--border-color--pressed-hover-active: var(--theme-color-0);
   --theme-btn-primary--color: var(--theme-color-primary--contrast);
   --theme-btn-primary--color--active: var(--theme-color-primary--contrast);
   --theme-btn-primary--color--disabled: var(--theme-color-primary--contrast);
@@ -2799,19 +2587,19 @@ summary {
   --theme-btn-secondary--background--pressed-active: var(--theme-color-component-7--active);
   --theme-btn-secondary--background--pressed-hover: var(--theme-color-component-7--hover);
   --theme-btn-secondary--border-color: var(--theme-color-primary);
-  --theme-btn-secondary--border-color--active: var(--theme-color-dynamic);
+  --theme-btn-secondary--border-color--active: var(--theme-color-primary--active);
   --theme-btn-secondary--border-color--disabled: var(--theme-color-component-4);
-  --theme-btn-secondary--border-color--hover: var(--theme-color-dynamic);
+  --theme-btn-secondary--border-color--hover: var(--theme-color-primary--hover);
   --theme-btn-secondary--border-color--pressed: var(--theme-color-dynamic);
-  --theme-btn-secondary--border-color--pressed-active: var(--theme-color-dynamic);
-  --theme-btn-secondary--border-color--pressed-hover: var(--theme-color-dynamic);
+  --theme-btn-secondary--border-color--pressed-active: var(--theme-color-primary--active);
+  --theme-btn-secondary--border-color--pressed-hover: var(--theme-color-primary--hover);
   --theme-btn-secondary--color: var(--theme-color-primary);
-  --theme-btn-secondary--color--active: var(--theme-color-dynamic);
+  --theme-btn-secondary--color--active: var(--theme-color-primary--active);
   --theme-btn-secondary--color--disabled: var(--theme-color-weak-text);
-  --theme-btn-secondary--color--hover: var(--theme-color-dynamic);
+  --theme-btn-secondary--color--hover: var(--theme-color-primary--hover);
   --theme-btn-secondary--color--pressed: var(--theme-color-dynamic);
-  --theme-btn-secondary--color--pressed-active: var(--theme-color-dynamic);
-  --theme-btn-secondary--color--pressed-hover: var(--theme-color-dynamic);
+  --theme-btn-secondary--color--pressed-active: var(--theme-color-primary--active);
+  --theme-btn-secondary--color--pressed-hover: var(--theme-color-primary--hover);
   --theme-btn-subtle-primary--background: var(--theme-color-component-2);
   --theme-btn-subtle-primary--background--active: var(--theme-color-component-1--active);
   --theme-btn-subtle-primary--background--disabled: var(--theme-color-component-2);
@@ -2890,12 +2678,12 @@ summary {
   --theme-btn-tertiary--border-color--pressed-active: var(--theme-color-0);
   --theme-btn-tertiary--border-color--pressed-hover: var(--theme-color-0);
   --theme-btn-tertiary--color: var(--theme-color-primary);
-  --theme-btn-tertiary--color--active: var(--theme-color-dynamic);
+  --theme-btn-tertiary--color--active: var(--theme-color-primary--active);
   --theme-btn-tertiary--color--disabled: var(--theme-color-weak-text);
-  --theme-btn-tertiary--color--hover: var(--theme-color-dynamic);
+  --theme-btn-tertiary--color--hover: var(--theme-color-primary--hover);
   --theme-btn-tertiary--color--pressed: var(--theme-color-dynamic);
-  --theme-btn-tertiary--color--pressed-active: var(--theme-color-dynamic);
-  --theme-btn-tertiary--color--pressed-hover: var(--theme-color-dynamic);
+  --theme-btn-tertiary--color--pressed-active: var(--theme-color-primary--active);
+  --theme-btn-tertiary--color--pressed-hover: var(--theme-color-primary--hover);
   --theme-card--border-radius: var(--theme-default-border-radius);
   --theme-card--border-width: var(--theme-border-width-default);
   --theme-card--focus--outline-offset: var(--theme-focus-outline-offset);
@@ -3108,13 +2896,13 @@ summary {
   --theme-chip-primary-outline--background--display: var(--theme-color-secondary);
   --theme-chip-primary-outline--background--hover: var(--theme-color-secondary--hover);
   --theme-chip-primary-outline--border-color: var(--theme-color-primary);
-  --theme-chip-primary-outline--border-color--active: var(--theme-color-dynamic);
+  --theme-chip-primary-outline--border-color--active: var(--theme-color-primary--active);
   --theme-chip-primary-outline--border-color--display: var(--theme-color-primary);
-  --theme-chip-primary-outline--border-color--hover: var(--theme-color-dynamic);
+  --theme-chip-primary-outline--border-color--hover: var(--theme-color-primary--hover);
   --theme-chip-primary-outline--color: var(--theme-color-primary);
-  --theme-chip-primary-outline--color--active: var(--theme-color-dynamic);
+  --theme-chip-primary-outline--color--active: var(--theme-color-primary--active);
   --theme-chip-primary-outline--color--display: var(--theme-color-std-text);
-  --theme-chip-primary-outline--color--hover: var(--theme-color-dynamic);
+  --theme-chip-primary-outline--color--hover: var(--theme-color-primary--hover);
   --theme-datepicker-cw--color: var(--theme-color-soft-text);
   --theme-datepicker-day--background: var(--theme-color-ghost);
   --theme-datepicker-day--background--active: var(--theme-color-ghost--active);
@@ -3363,9 +3151,9 @@ summary {
   --theme-link-btn--border-color--hover: var(--theme-color-ghost);
   --theme-link-btn--border-color--visited: var(--theme-color-ghost);
   --theme-link-btn--color: var(--theme-color-primary);
-  --theme-link-btn--color--active: var(--theme-color-dynamic);
+  --theme-link-btn--color--active: var(--theme-color-primary--active);
   --theme-link-btn--color--disabled: var(--theme-color-weak-text);
-  --theme-link-btn--color--hover: var(--theme-color-dynamic);
+  --theme-link-btn--color--hover: var(--theme-color-primary--hover);
   --theme-link-btn--color--visited: var(--theme-color-primary);
   --theme-menu--background: var(--theme-color-2);
   --theme-menu--border-color: var(--theme-color-0);
@@ -3995,7 +3783,7 @@ summary {
   --theme-animated-tab-icon--color--active: var(--theme-color-std-text);
   --theme-animated-tab-icon--color--disabled: var(--theme-color-weak-text);
   --theme-animated-tab-icon--color--hover: var(--theme-color-std-text);
-  --theme-animated-tab-icon--color--selected: var(--theme-color-std-text);
+  --theme-animated-tab-icon--color--selected: var(--theme-color-dynamic);
   --theme-animated-tab-indicator--background: var(--theme-color-soft-bdr);
   --theme-animated-tab-indicator--background--active: var(--theme-color-soft-bdr);
   --theme-animated-tab-indicator--background--hover: var(--theme-color-soft-bdr);
@@ -4009,18 +3797,18 @@ summary {
   --theme-tab--color--active: var(--theme-color-std-text);
   --theme-tab--color--disabled: var(--theme-color-weak-text);
   --theme-tab--color--hover: var(--theme-color-std-text);
-  --theme-tab--color--selected: var(--theme-color-std-text);
+  --theme-tab--color--selected: var(--theme-color-dynamic);
   --theme-tab-icon--color: var(--theme-color-std-text);
   --theme-tab-icon--color--active: var(--theme-color-std-text);
   --theme-tab-icon--color--disabled: var(--theme-color-weak-text);
   --theme-tab-icon--color--hover: var(--theme-color-std-text);
-  --theme-tab-icon--color--selected: var(--theme-color-std-text);
+  --theme-tab-icon--color--selected: var(--theme-color-dynamic);
   --theme-tab-indicator--background: var(--theme-color-soft-bdr);
   --theme-tab-indicator--background--active: var(--theme-color-soft-bdr);
   --theme-tab-indicator--background--disabled: var(--theme-color-soft-bdr);
   --theme-tab-indicator--background--hover: var(--theme-color-soft-bdr);
   --theme-tab-indicator--background--selected: var(--theme-color-dynamic);
-  --theme-tab-indicator--height: 0.125rem;
+  --theme-tab-indicator--height: 0.0625rem;
   --theme-tab-pill--border-color: var(--theme-color-neutral);
   --theme-tab-pill--border-color--active: var(--theme-color-neutral);
   --theme-tab-pill--border-color--disabled: var(--theme-color-neutral);
@@ -4134,7 +3922,6 @@ summary {
   --theme-workflow-step-icon-warning--color--disabled: var(--theme-color-weak-text);
 }
 @media (prefers-reduced-motion: reduce) {
-  :not([data-ix-theme]) body:not([data-ix-theme]),
   [data-ix-theme] {
     --theme-x-slow-time: 0;
     --theme-slow-time: 0;
@@ -4208,17 +3995,17 @@ body:not(.disable-scrollbar) ::-webkit-scrollbar-corner {
   color-scheme: light dark;
 }
 
-:root[data-ix-theme=classic], :root[data-ix-theme=classic][data-ix-color-schema=dark],
-html[data-ix-theme=classic],
-html[data-ix-theme=classic][data-ix-color-schema=dark],
-body[data-ix-theme=classic],
-body[data-ix-theme=classic][data-ix-color-schema=dark] {
+[data-ix-theme=classic] {
+  --theme-name: classic;
+}
+[data-ix-theme=classic][data-ix-color-schema=dark] {
+  --theme-color-schema: dark;
   --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
   --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
-  --theme-body: 400 0.875rem/1.43 "Siemens Sans";
-  --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
-  --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
+  --theme-body: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
+  --theme-body-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
+  --theme-body-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
+  --theme-body-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);
   --theme-chart-1: #00ffe7;
   --theme-chart-1-40: rgba(0, 255, 231, 0.4);
   --theme-chart-10: #b999ff;
@@ -4259,9 +4046,9 @@ body[data-ix-theme=classic][data-ix-color-schema=dark] {
   --theme-chart-ticks: rgba(255, 255, 255, 0.35);
   --theme-chart-tooltip-bdr: rgba(255, 255, 255, 0.25);
   --theme-chart-tooltip-fill: rgba(15, 22, 25, 0.8);
-  --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
-  --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
-  --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
+  --theme-code: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);
+  --theme-code-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);
+  --theme-code-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);
   --theme-color-0: rgba(0, 0, 0, 0);
   --theme-color-1: #0f1619;
   --theme-color-1--active: #222b2f;
@@ -4357,7 +4144,7 @@ body[data-ix-theme=classic][data-ix-color-schema=dark] {
   --theme-color-neutral--hover: #c8cacb;
   --theme-color-neutral-40: rgba(182, 184, 185, 0.4);
   --theme-color-primary: #00bde3;
-  --theme-color-primary--active: #00eaff;
+  --theme-color-primary--active: #00d3e5;
   --theme-color-primary--contrast: #000000;
   --theme-color-primary--disabled: rgba(0, 170, 204, 0.45);
   --theme-color-primary--hover: #1aecff;
@@ -4392,29 +4179,29 @@ body[data-ix-theme=classic][data-ix-color-schema=dark] {
   --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
   --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
   --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
-  --theme-display: 400 1.5rem/1 "Siemens Sans";
-  --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
-  --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
-  --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
-  --theme-display-xs: 400 1rem/1 "Siemens Sans";
-  --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
+  --theme-display: var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-lg: var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-sm: var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-xl: var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-xs: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-xxl: var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);
   --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
   --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
   --theme-font-code: "JetBrains Mono";
   --theme-font-sans: "Siemens Sans";
-  --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
-  --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
-  --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
-  --theme-h4: 700 1rem/1.5 "Siemens Sans";
-  --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
-  --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
+  --theme-h1: var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);
+  --theme-h2: var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);
+  --theme-h3: var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);
+  --theme-h4: var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
+  --theme-h5: var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
+  --theme-h6: var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
   --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
   --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
   --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 0.6);
-  --theme-label: 400 0.875rem/1.2 "Siemens Sans";
-  --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
-  --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
-  --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
+  --theme-label: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);
+  --theme-label-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);
+  --theme-label-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);
+  --theme-label-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);
   --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
   --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
   --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
@@ -4431,22 +4218,22 @@ body[data-ix-theme=classic][data-ix-color-schema=dark] {
   --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
   --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
   --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
-  --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
-  --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
-  --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
-  --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
-  --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
-  --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
-  --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
-  --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
-  --theme-text-l: 400 1rem/1.5 "Siemens Sans";
-  --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
-  --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
-  --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
-  --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
-  --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
+  --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);
+  --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);
+  --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+  --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
+  --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+  --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
+  --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+  --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);
+  --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
+  --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
+  --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
+  --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
+  --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);
+  --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);
+  --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);
+  --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);
   --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
   --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
   --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
@@ -4454,15 +4241,14 @@ body[data-ix-theme=classic][data-ix-color-schema=dark] {
   --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
   --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
 }
-:root[data-ix-theme=classic][data-ix-color-schema=light],
-html[data-ix-theme=classic][data-ix-color-schema=light],
-body[data-ix-theme=classic][data-ix-color-schema=light] {
+[data-ix-theme=classic][data-ix-color-schema=light] {
+  --theme-color-schema: light;
   --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
   --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
-  --theme-body: 400 0.875rem/1.43 "Siemens Sans";
-  --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
-  --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
+  --theme-body: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
+  --theme-body-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
+  --theme-body-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
+  --theme-body-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);
   --theme-chart-1: #008a7c;
   --theme-chart-1-40: rgba(0, 138, 124, 0.4);
   --theme-chart-10: #7c40ff;
@@ -4503,9 +4289,9 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
   --theme-chart-ticks: rgba(0, 0, 0, 0.3);
   --theme-chart-tooltip-bdr: rgba(0, 0, 0, 0.2);
   --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
-  --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
-  --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
-  --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
+  --theme-code: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);
+  --theme-code-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);
+  --theme-code-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);
   --theme-color-0: rgba(255, 255, 255, 0);
   --theme-color-1: #ffffff;
   --theme-color-1--active: #e2e4e6;
@@ -4598,7 +4384,7 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
   --theme-color-neutral: #66727e;
   --theme-color-neutral--active: #545e68;
   --theme-color-neutral--contrast: #ffffff;
-  --theme-color-neutral--hover: #66727e;
+  --theme-color-neutral--hover: #5b6671;
   --theme-color-neutral-40: rgba(102, 114, 126, 0.4);
   --theme-color-primary: #006e93;
   --theme-color-primary--active: #16565c;
@@ -4636,29 +4422,29 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
   --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
   --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
   --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
-  --theme-display: 400 1.5rem/1 "Siemens Sans";
-  --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
-  --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
-  --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
-  --theme-display-xs: 400 1rem/1 "Siemens Sans";
-  --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
+  --theme-display: var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-lg: var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-sm: var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-xl: var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-xs: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);
+  --theme-display-xxl: var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);
   --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
   --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
   --theme-font-code: "JetBrains Mono";
   --theme-font-sans: "Siemens Sans";
-  --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
-  --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
-  --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
-  --theme-h4: 700 1rem/1.5 "Siemens Sans";
-  --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
-  --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
+  --theme-h1: var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);
+  --theme-h2: var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);
+  --theme-h3: var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);
+  --theme-h4: var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
+  --theme-h5: var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
+  --theme-h6: var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
   --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
   --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
   --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-  --theme-label: 400 0.875rem/1.2 "Siemens Sans";
-  --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
-  --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
-  --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
+  --theme-label: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);
+  --theme-label-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);
+  --theme-label-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);
+  --theme-label-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);
   --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
   --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
   --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
@@ -4675,22 +4461,22 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
   --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
   --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
   --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
-  --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
-  --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
-  --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
-  --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
-  --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
-  --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
-  --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
-  --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
-  --theme-text-l: 400 1rem/1.5 "Siemens Sans";
-  --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
-  --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
-  --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
-  --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
-  --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
+  --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);
+  --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);
+  --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+  --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
+  --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+  --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
+  --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+  --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);
+  --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
+  --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
+  --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
+  --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
+  --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);
+  --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);
+  --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);
+  --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);
   --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
   --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
   --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
@@ -4699,15 +4485,14 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
   --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
 }
 @media (prefers-color-scheme: dark) {
-  :root[data-ix-theme=classic][data-ix-color-schema=system],
-  html[data-ix-theme=classic][data-ix-color-schema=system],
-  body[data-ix-theme=classic][data-ix-color-schema=system] {
+  [data-ix-theme=classic][data-ix-color-schema=system] {
+    --theme-color-schema: dark;
     --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
     --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
-    --theme-body: 400 0.875rem/1.43 "Siemens Sans";
-    --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
-    --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
-    --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
+    --theme-body: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
+    --theme-body-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
+    --theme-body-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
+    --theme-body-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);
     --theme-chart-1: #00ffe7;
     --theme-chart-1-40: rgba(0, 255, 231, 0.4);
     --theme-chart-10: #b999ff;
@@ -4748,9 +4533,9 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
     --theme-chart-ticks: rgba(255, 255, 255, 0.35);
     --theme-chart-tooltip-bdr: rgba(255, 255, 255, 0.25);
     --theme-chart-tooltip-fill: rgba(15, 22, 25, 0.8);
-    --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
-    --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
-    --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
+    --theme-code: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);
+    --theme-code-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);
+    --theme-code-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);
     --theme-color-0: rgba(0, 0, 0, 0);
     --theme-color-1: #0f1619;
     --theme-color-1--active: #222b2f;
@@ -4846,7 +4631,7 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
     --theme-color-neutral--hover: #c8cacb;
     --theme-color-neutral-40: rgba(182, 184, 185, 0.4);
     --theme-color-primary: #00bde3;
-    --theme-color-primary--active: #00eaff;
+    --theme-color-primary--active: #00d3e5;
     --theme-color-primary--contrast: #000000;
     --theme-color-primary--disabled: rgba(0, 170, 204, 0.45);
     --theme-color-primary--hover: #1aecff;
@@ -4881,29 +4666,29 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
     --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
     --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
     --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
-    --theme-display: 400 1.5rem/1 "Siemens Sans";
-    --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
-    --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
-    --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
-    --theme-display-xs: 400 1rem/1 "Siemens Sans";
-    --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
+    --theme-display: var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-lg: var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-sm: var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-xl: var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-xs: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-xxl: var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);
     --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
     --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
     --theme-font-code: "JetBrains Mono";
     --theme-font-sans: "Siemens Sans";
-    --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
-    --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
-    --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
-    --theme-h4: 700 1rem/1.5 "Siemens Sans";
-    --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
-    --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
+    --theme-h1: var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);
+    --theme-h2: var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);
+    --theme-h3: var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);
+    --theme-h4: var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
+    --theme-h5: var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
+    --theme-h6: var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
     --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
     --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
     --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 0.6);
-    --theme-label: 400 0.875rem/1.2 "Siemens Sans";
-    --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
-    --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
-    --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
+    --theme-label: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);
+    --theme-label-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);
+    --theme-label-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);
+    --theme-label-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);
     --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
     --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
     --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
@@ -4920,22 +4705,22 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
     --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
     --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
     --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
-    --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
-    --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
-    --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
-    --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
-    --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
-    --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
-    --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
-    --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
-    --theme-text-l: 400 1rem/1.5 "Siemens Sans";
-    --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
-    --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
-    --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
-    --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
-    --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
-    --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
-    --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
+    --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);
+    --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);
+    --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+    --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
+    --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+    --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
+    --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+    --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);
+    --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
+    --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
+    --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
+    --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
+    --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);
+    --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);
+    --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);
+    --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);
     --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
     --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
     --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
@@ -4945,15 +4730,14 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
   }
 }
 @media (prefers-color-scheme: light) {
-  :root[data-ix-theme=classic][data-ix-color-schema=system],
-  html[data-ix-theme=classic][data-ix-color-schema=system],
-  body[data-ix-theme=classic][data-ix-color-schema=system] {
+  [data-ix-theme=classic][data-ix-color-schema=system] {
+    --theme-color-schema: light;
     --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
     --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
-    --theme-body: 400 0.875rem/1.43 "Siemens Sans";
-    --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
-    --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
-    --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
+    --theme-body: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
+    --theme-body-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
+    --theme-body-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
+    --theme-body-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);
     --theme-chart-1: #008a7c;
     --theme-chart-1-40: rgba(0, 138, 124, 0.4);
     --theme-chart-10: #7c40ff;
@@ -4994,9 +4778,9 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
     --theme-chart-ticks: rgba(0, 0, 0, 0.3);
     --theme-chart-tooltip-bdr: rgba(0, 0, 0, 0.2);
     --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
-    --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
-    --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
-    --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
+    --theme-code: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);
+    --theme-code-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);
+    --theme-code-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);
     --theme-color-0: rgba(255, 255, 255, 0);
     --theme-color-1: #ffffff;
     --theme-color-1--active: #e2e4e6;
@@ -5089,7 +4873,7 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
     --theme-color-neutral: #66727e;
     --theme-color-neutral--active: #545e68;
     --theme-color-neutral--contrast: #ffffff;
-    --theme-color-neutral--hover: #66727e;
+    --theme-color-neutral--hover: #5b6671;
     --theme-color-neutral-40: rgba(102, 114, 126, 0.4);
     --theme-color-primary: #006e93;
     --theme-color-primary--active: #16565c;
@@ -5127,29 +4911,29 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
     --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
     --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
     --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
-    --theme-display: 400 1.5rem/1 "Siemens Sans";
-    --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
-    --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
-    --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
-    --theme-display-xs: 400 1rem/1 "Siemens Sans";
-    --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
+    --theme-display: var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-lg: var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-sm: var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-xl: var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-xs: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);
+    --theme-display-xxl: var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);
     --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
     --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
     --theme-font-code: "JetBrains Mono";
     --theme-font-sans: "Siemens Sans";
-    --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
-    --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
-    --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
-    --theme-h4: 700 1rem/1.5 "Siemens Sans";
-    --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
-    --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
+    --theme-h1: var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);
+    --theme-h2: var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);
+    --theme-h3: var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);
+    --theme-h4: var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
+    --theme-h5: var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
+    --theme-h6: var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
     --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
     --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
     --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-    --theme-label: 400 0.875rem/1.2 "Siemens Sans";
-    --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
-    --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
-    --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
+    --theme-label: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);
+    --theme-label-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);
+    --theme-label-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);
+    --theme-label-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);
     --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
     --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
     --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
@@ -5166,22 +4950,22 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
     --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
     --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
     --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
-    --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
-    --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
-    --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
-    --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
-    --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
-    --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
-    --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
-    --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
-    --theme-text-l: 400 1rem/1.5 "Siemens Sans";
-    --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
-    --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
-    --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
-    --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
-    --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
-    --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
-    --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
+    --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);
+    --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);
+    --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+    --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
+    --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+    --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
+    --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
+    --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);
+    --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
+    --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
+    --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
+    --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
+    --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);
+    --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);
+    --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);
+    --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);
     --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
     --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
     --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
@@ -5189,491 +4973,4 @@ body[data-ix-theme=classic][data-ix-color-schema=light] {
     --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
     --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
   }
-}
-
-:not([data-ix-theme]) body:not([class*=theme-]):not([data-ix-theme]),
-body[class*=theme-classic-dark] {
-  --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
-  --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
-  --theme-body: 400 0.875rem/1.43 "Siemens Sans";
-  --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
-  --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
-  --theme-chart-1: #00ffe7;
-  --theme-chart-1-40: rgba(0, 255, 231, 0.4);
-  --theme-chart-10: #b999ff;
-  --theme-chart-10-40: rgba(185, 153, 255, 0.4);
-  --theme-chart-11: #d08fff;
-  --theme-chart-11-40: rgba(208, 143, 255, 0.4);
-  --theme-chart-12: #ed85ff;
-  --theme-chart-12-40: rgba(237, 133, 255, 0.4);
-  --theme-chart-13: #f38fc2;
-  --theme-chart-13-40: rgba(243, 143, 194, 0.4);
-  --theme-chart-14: #ef9a9a;
-  --theme-chart-14-40: rgba(239, 154, 154, 0.4);
-  --theme-chart-15: #ffb180;
-  --theme-chart-15-40: rgba(255, 177, 128, 0.4);
-  --theme-chart-16: #cacab4;
-  --theme-chart-16-40: rgba(202, 202, 180, 0.4);
-  --theme-chart-17: #b5bd00;
-  --theme-chart-17-40: rgba(181, 189, 0, 0.4);
-  --theme-chart-2: #94ffc9;
-  --theme-chart-2-40: rgba(148, 255, 201, 0.4);
-  --theme-chart-3: #00c2cc;
-  --theme-chart-3-40: rgba(0, 194, 204, 0.4);
-  --theme-chart-4: #a3eeff;
-  --theme-chart-4-40: rgba(163, 238, 255, 0.4);
-  --theme-chart-5: #90b4c5;
-  --theme-chart-5-40: rgba(144, 180, 197, 0.4);
-  --theme-chart-6: #42c6ff;
-  --theme-chart-6-40: rgba(66, 198, 255, 0.4);
-  --theme-chart-7: #7aaaff;
-  --theme-chart-7-40: rgba(122, 170, 255, 0.4);
-  --theme-chart-8: #9ebbff;
-  --theme-chart-8-40: rgba(158, 187, 255, 0.4);
-  --theme-chart-9: #9ea3ff;
-  --theme-chart-9-40: rgba(158, 163, 255, 0.4);
-  --theme-chart-axes: rgba(255, 255, 255, 0.3);
-  --theme-chart-grid-fill: #23233c;
-  --theme-chart-grid-lines: rgba(255, 255, 255, 0.1);
-  --theme-chart-ticks: rgba(255, 255, 255, 0.35);
-  --theme-chart-tooltip-bdr: rgba(255, 255, 255, 0.25);
-  --theme-chart-tooltip-fill: rgba(15, 22, 25, 0.8);
-  --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
-  --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
-  --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
-  --theme-color-0: rgba(0, 0, 0, 0);
-  --theme-color-1: #0f1619;
-  --theme-color-1--active: #222b2f;
-  --theme-color-1--hover: #283236;
-  --theme-color-2: #283236;
-  --theme-color-3: #3c484d;
-  --theme-color-4: #4c5a60;
-  --theme-color-5: #59686f;
-  --theme-color-6: #63737b;
-  --theme-color-7: #6b7c85;
-  --theme-color-8: #94a1a9;
-  --theme-color-alarm: #ff2453;
-  --theme-color-alarm--active: #ff335f;
-  --theme-color-alarm--contrast: #000000;
-  --theme-color-alarm--hover: #ff577b;
-  --theme-color-alarm-10: rgba(255, 38, 85, 0.1);
-  --theme-color-alarm-40: rgba(255, 38, 85, 0.4);
-  --theme-color-alarm-bdr: #ff2453;
-  --theme-color-alarm-text: #ff7694;
-  --theme-color-backdrop: rgba(0, 0, 0, 0.85);
-  --theme-color-backdrop-3: rgba(55, 70, 77, 0.85);
-  --theme-color-component-1: rgba(140, 161, 171, 0.2);
-  --theme-color-component-1--active: rgba(140, 161, 171, 0.25);
-  --theme-color-component-1--hover: rgba(140, 161, 171, 0.45);
-  --theme-color-component-10: rgba(0, 234, 255, 0.75);
-  --theme-color-component-10--active: rgba(10, 235, 255, 0.75);
-  --theme-color-component-10--disabled: rgba(0, 234, 255, 0.2);
-  --theme-color-component-10--hover: rgba(107, 243, 255, 0.6);
-  --theme-color-component-11: rgba(86, 97, 103, 0.2);
-  --theme-color-component-2: rgba(211, 239, 253, 0.15);
-  --theme-color-component-3: rgba(217, 243, 255, 0.4);
-  --theme-color-component-4: rgba(214, 242, 255, 0.42);
-  --theme-color-component-5: rgba(224, 245, 255, 0.6);
-  --theme-color-component-6: rgba(217, 234, 242, 0.65);
-  --theme-color-component-7: rgba(0, 234, 255, 0.15);
-  --theme-color-component-7--active: #16565c;
-  --theme-color-component-7--hover: #196269;
-  --theme-color-component-8: #00273b;
-  --theme-color-component-8--hover: #002639;
-  --theme-color-component-9: #00eaff;
-  --theme-color-component-9--active: #0aebff;
-  --theme-color-component-9--disabled: rgba(0, 234, 255, 0.3);
-  --theme-color-component-9--hover: #52f1ff;
-  --theme-color-component-error: #4b1a28;
-  --theme-color-component-info: #001c4d;
-  --theme-color-component-warning: #4b463a;
-  --theme-color-contrast-bdr: #ffffff;
-  --theme-color-contrast-text: #ffffff;
-  --theme-color-critical: #eb7a0a;
-  --theme-color-critical--active: #eb8014;
-  --theme-color-critical--contrast: #000000;
-  --theme-color-critical--hover: #ed8721;
-  --theme-color-critical-40: rgba(235, 122, 10, 0.4);
-  --theme-color-dynamic: #00eaff;
-  --theme-color-dynamic--active: #5cd5e0;
-  --theme-color-dynamic--hover: #62e2ee;
-  --theme-color-dynamic-alt: #00eaff;
-  --theme-color-dynamic-alt--active: #5cd5e0;
-  --theme-color-dynamic-alt--hover: #62e2ee;
-  --theme-color-focus-bdr: #199fff;
-  --theme-color-ghost: rgba(255, 255, 255, 0);
-  --theme-color-ghost--active: rgba(140, 161, 171, 0.15);
-  --theme-color-ghost--hover: rgba(140, 161, 171, 0.2);
-  --theme-color-ghost--selected: rgba(0, 255, 255, 0.1);
-  --theme-color-ghost--selected-active: rgba(115, 221, 221, 0.2);
-  --theme-color-ghost--selected-hover: rgba(104, 253, 253, 0.2);
-  --theme-color-ghost-alt: rgba(255, 255, 255, 0.05);
-  --theme-color-ghost-alt--active: rgba(140, 161, 171, 0.15);
-  --theme-color-ghost-alt--hover: rgba(140, 161, 171, 0.2);
-  --theme-color-ghost-alt--selected: rgba(58, 255, 255, 0.15);
-  --theme-color-ghost-alt--selected-active: rgba(132, 225, 225, 0.25);
-  --theme-color-ghost-alt--selected-hover: rgba(123, 253, 253, 0.25);
-  --theme-color-ghost-primary--active: rgba(0, 128, 128, 0.2);
-  --theme-color-ghost-primary--hover: rgba(0, 255, 255, 0.15);
-  --theme-color-gradient-effect-1: #1aecff;
-  --theme-color-gradient-effect-2: #00bde3;
-  --theme-color-hard-bdr: #6b7c85;
-  --theme-color-info: #357fff;
-  --theme-color-info--active: #3d84ff;
-  --theme-color-info--contrast: #000000;
-  --theme-color-info--hover: #4d8eff;
-  --theme-color-info-40: rgba(53, 127, 255, 0.4);
-  --theme-color-inv-contrast-text: #000000;
-  --theme-color-inv-soft-text: rgba(0, 13, 20, 0.6);
-  --theme-color-inv-std-text: rgba(0, 10, 20, 0.9);
-  --theme-color-inv-weak-text: rgba(0, 13, 20, 0.45);
-  --theme-color-lightbox: rgba(0, 0, 0, 0.65);
-  --theme-color-logo: #ffffff;
-  --theme-color-logo-login: #ffffff;
-  --theme-color-neutral: #b6b8b9;
-  --theme-color-neutral--active: #acaeaf;
-  --theme-color-neutral--contrast: #000000;
-  --theme-color-neutral--hover: #c8cacb;
-  --theme-color-neutral-40: rgba(182, 184, 185, 0.4);
-  --theme-color-primary: #00bde3;
-  --theme-color-primary--active: #00eaff;
-  --theme-color-primary--contrast: #000000;
-  --theme-color-primary--disabled: rgba(0, 170, 204, 0.45);
-  --theme-color-primary--hover: #1aecff;
-  --theme-color-secondary: #000000;
-  --theme-color-secondary--active: #001d2b;
-  --theme-color-secondary--hover: #002639;
-  --theme-color-shadow-1: rgba(0, 0, 0, 0.6);
-  --theme-color-shadow-2: #000000;
-  --theme-color-shadow-3: rgba(0, 0, 0, 0.6);
-  --theme-color-soft-bdr: rgba(211, 236, 248, 0.4);
-  --theme-color-soft-text: rgba(229, 247, 255, 0.65);
-  --theme-color-std-bdr: rgba(211, 236, 248, 0.55);
-  --theme-color-std-text: rgba(245, 252, 255, 0.9);
-  --theme-color-success: #44cc00;
-  --theme-color-success--active: #47d600;
-  --theme-color-success--contrast: #000000;
-  --theme-color-success--hover: #4eeb00;
-  --theme-color-success-40: rgba(68, 204, 0, 0.4);
-  --theme-color-warning: #ffbb00;
-  --theme-color-warning--active: #ffba0a;
-  --theme-color-warning--contrast: #000000;
-  --theme-color-warning--hover: #ffc533;
-  --theme-color-warning-10: rgba(255, 187, 0, 0.1);
-  --theme-color-warning-40: rgba(255, 187, 0, 0.4);
-  --theme-color-warning-bdr: #ffbb00;
-  --theme-color-warning-text: #ffbb00;
-  --theme-color-weak-bdr: rgba(224, 245, 255, 0.25);
-  --theme-color-weak-text: rgba(219, 244, 255, 0.4);
-  --theme-color-x-weak-bdr: rgba(142, 157, 165, 0.2);
-  --theme-company-logo: company-logo-alt;
-  --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);
-  --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
-  --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
-  --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
-  --theme-display: 400 1.5rem/1 "Siemens Sans";
-  --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
-  --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
-  --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
-  --theme-display-xs: 400 1rem/1 "Siemens Sans";
-  --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
-  --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
-  --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
-  --theme-font-code: "JetBrains Mono";
-  --theme-font-sans: "Siemens Sans";
-  --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
-  --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
-  --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
-  --theme-h4: 700 1rem/1.5 "Siemens Sans";
-  --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
-  --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
-  --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
-  --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
-  --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 0.6);
-  --theme-label: 400 0.875rem/1.2 "Siemens Sans";
-  --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
-  --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
-  --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
-  --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
-  --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
-  --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
-  --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);
-  --theme-shadow-1: 0 2px 2px 0 #000000, 0 1px 1px 0 rgba(0, 0, 0, 0.6);
-  --theme-shadow-2: -4px 0 8px 0 #000000, 4px 0 8px 0 #000000, 0 0 16px 0 rgba(0, 0, 0, 0.6);
-  --theme-shadow-3: 0 2px 6px 0 #000000, 0 0 8px 0 rgba(0, 0, 0, 0.6);
-  --theme-shadow-4: 0 0 2px 0 #000000, 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 12px 18px 0 rgba(0, 0, 0, 0.6);
-  --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);
-  --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);
-  --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);
-  --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);
-  --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);
-  --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
-  --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
-  --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
-  --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
-  --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
-  --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
-  --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
-  --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
-  --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
-  --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
-  --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
-  --theme-text-l: 400 1rem/1.5 "Siemens Sans";
-  --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
-  --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
-  --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
-  --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
-  --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
-  --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
-  --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
-  --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
-  --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);
-  --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
-  --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
-}
-
-body[class*=theme-classic-light] {
-  --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
-  --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
-  --theme-body: 400 0.875rem/1.43 "Siemens Sans";
-  --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
-  --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
-  --theme-chart-1: #008a7c;
-  --theme-chart-1-40: rgba(0, 138, 124, 0.4);
-  --theme-chart-10: #7c40ff;
-  --theme-chart-10-40: rgba(124, 64, 255, 0.4);
-  --theme-chart-11: #900eec;
-  --theme-chart-11-40: rgba(144, 14, 236, 0.4);
-  --theme-chart-12: #aa32be;
-  --theme-chart-12-40: rgba(170, 50, 190, 0.4);
-  --theme-chart-13: #6f2542;
-  --theme-chart-13-40: rgba(111, 37, 66, 0.4);
-  --theme-chart-14: #9e5833;
-  --theme-chart-14-40: rgba(158, 88, 51, 0.4);
-  --theme-chart-15: #b74e2a;
-  --theme-chart-15-40: rgba(183, 78, 42, 0.4);
-  --theme-chart-16: #73735e;
-  --theme-chart-16-40: rgba(115, 115, 94, 0.4);
-  --theme-chart-17: #7a8000;
-  --theme-chart-17-40: rgba(122, 128, 0, 0.4);
-  --theme-chart-2: #00572b;
-  --theme-chart-2-40: rgba(0, 87, 43, 0.4);
-  --theme-chart-3: #00838f;
-  --theme-chart-3-40: rgba(0, 131, 143, 0.4);
-  --theme-chart-4: #003c61;
-  --theme-chart-4-40: rgba(0, 60, 97, 0.4);
-  --theme-chart-5: #61778c;
-  --theme-chart-5-40: rgba(97, 119, 140, 0.4);
-  --theme-chart-6: #0076a8;
-  --theme-chart-6-40: rgba(0, 118, 168, 0.4);
-  --theme-chart-7: #182171;
-  --theme-chart-7-40: rgba(24, 33, 113, 0.4);
-  --theme-chart-8: #0041d6;
-  --theme-chart-8-40: rgba(0, 65, 214, 0.4);
-  --theme-chart-9: #4a52f2;
-  --theme-chart-9-40: rgba(74, 82, 242, 0.4);
-  --theme-chart-axes: rgba(0, 0, 0, 0.3);
-  --theme-chart-grid-fill: #ffffff;
-  --theme-chart-grid-lines: rgba(0, 0, 0, 0.1);
-  --theme-chart-ticks: rgba(0, 0, 0, 0.3);
-  --theme-chart-tooltip-bdr: rgba(0, 0, 0, 0.2);
-  --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
-  --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
-  --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
-  --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
-  --theme-color-0: rgba(255, 255, 255, 0);
-  --theme-color-1: #ffffff;
-  --theme-color-1--active: #e2e4e6;
-  --theme-color-1--hover: #eff0f1;
-  --theme-color-2: #eff0f1;
-  --theme-color-3: #e2e4e6;
-  --theme-color-4: #d8dadd;
-  --theme-color-5: #cfd2d5;
-  --theme-color-6: #c8cbcf;
-  --theme-color-7: #c2c6ca;
-  --theme-color-8: #92979b;
-  --theme-color-alarm: #d72332;
-  --theme-color-alarm--active: #b41d2a;
-  --theme-color-alarm--contrast: #ffffff;
-  --theme-color-alarm--hover: #c11f2d;
-  --theme-color-alarm-10: rgba(215, 35, 50, 0.1);
-  --theme-color-alarm-40: rgba(215, 35, 50, 0.4);
-  --theme-color-alarm-bdr: #d72332;
-  --theme-color-alarm-text: #b81e3f;
-  --theme-color-backdrop: rgba(255, 255, 255, 0.85);
-  --theme-color-backdrop-3: rgba(226, 228, 230, 0.85);
-  --theme-color-component-1: rgba(168, 173, 179, 0.2);
-  --theme-color-component-1--active: rgba(168, 173, 179, 0.3);
-  --theme-color-component-1--hover: rgba(168, 173, 179, 0.15);
-  --theme-color-component-10: rgba(0, 81, 89, 0.75);
-  --theme-color-component-10--active: rgba(0, 70, 77, 0.75);
-  --theme-color-component-10--disabled: rgba(0, 81, 89, 0.15);
-  --theme-color-component-10--hover: rgba(0, 93, 102, 0.75);
-  --theme-color-component-11: rgba(213, 219, 226, 0.2);
-  --theme-color-component-2: rgba(0, 18, 36, 0.1);
-  --theme-color-component-3: rgba(4, 20, 37, 0.2);
-  --theme-color-component-4: rgba(5, 18, 31, 0.3);
-  --theme-color-component-5: rgba(7, 18, 29, 0.45);
-  --theme-color-component-6: rgba(11, 18, 25, 0.6);
-  --theme-color-component-7: rgba(0, 234, 255, 0.2);
-  --theme-color-component-7--active: #00def2;
-  --theme-color-component-7--hover: #00eaff;
-  --theme-color-component-8: #ebf7f8;
-  --theme-color-component-8--hover: #d1fbff;
-  --theme-color-component-9: #0b5e65;
-  --theme-color-component-9--active: #00464d;
-  --theme-color-component-9--disabled: rgba(0, 81, 89, 0.3);
-  --theme-color-component-9--hover: #005d66;
-  --theme-color-component-error: #fcccd0;
-  --theme-color-component-info: #ccdefc;
-  --theme-color-component-warning: #ffe8a8;
-  --theme-color-contrast-bdr: #000000;
-  --theme-color-contrast-text: #000000;
-  --theme-color-critical: #bc5b01;
-  --theme-color-critical--active: #9d4d01;
-  --theme-color-critical--contrast: #ffffff;
-  --theme-color-critical--hover: #ad5401;
-  --theme-color-critical-40: rgba(188, 91, 1, 0.4);
-  --theme-color-dynamic: #005e66;
-  --theme-color-dynamic--active: #0e494e;
-  --theme-color-dynamic--hover: #0f5157;
-  --theme-color-dynamic-alt: #00eaff;
-  --theme-color-dynamic-alt--active: #5cd5e0;
-  --theme-color-dynamic-alt--hover: #62e2ee;
-  --theme-color-focus-bdr: #199fff;
-  --theme-color-ghost: rgba(166, 171, 140, 0);
-  --theme-color-ghost--active: rgba(168, 173, 179, 0.3);
-  --theme-color-ghost--hover: rgba(168, 173, 179, 0.2);
-  --theme-color-ghost--selected: rgba(0, 234, 255, 0.2);
-  --theme-color-ghost--selected-active: rgba(0, 145, 158, 0.2);
-  --theme-color-ghost--selected-hover: rgba(32, 184, 197, 0.2);
-  --theme-color-ghost-alt: rgba(0, 20, 40, 0.05);
-  --theme-color-ghost-alt--active: rgba(168, 173, 179, 0.35);
-  --theme-color-ghost-alt--hover: rgba(168, 173, 179, 0.2);
-  --theme-color-ghost-alt--selected: rgba(0, 216, 236, 0.2);
-  --theme-color-ghost-alt--selected-active: rgba(0, 148, 161, 0.2);
-  --theme-color-ghost-alt--selected-hover: rgba(30, 171, 184, 0.25);
-  --theme-color-ghost-primary--active: rgba(0, 190, 207, 0.2);
-  --theme-color-ghost-primary--hover: rgba(0, 234, 255, 0.2);
-  --theme-color-gradient-effect-1: #006e93;
-  --theme-color-gradient-effect-2: #16565c;
-  --theme-color-hard-bdr: #b2b8be;
-  --theme-color-info: #0041b2;
-  --theme-color-info--active: #003694;
-  --theme-color-info--contrast: #ffffff;
-  --theme-color-info--hover: #003a9e;
-  --theme-color-info-40: rgba(0, 65, 177, 0.4);
-  --theme-color-inv-contrast-text: #ffffff;
-  --theme-color-inv-soft-text: rgba(229, 242, 255, 0.6);
-  --theme-color-inv-std-text: rgba(245, 250, 255, 0.9);
-  --theme-color-inv-weak-text: rgba(219, 237, 255, 0.45);
-  --theme-color-lightbox: rgba(255, 255, 255, 0.65);
-  --theme-color-logo: #000000;
-  --theme-color-logo-login: #000000;
-  --theme-color-neutral: #66727e;
-  --theme-color-neutral--active: #545e68;
-  --theme-color-neutral--contrast: #ffffff;
-  --theme-color-neutral--hover: #66727e;
-  --theme-color-neutral-40: rgba(102, 114, 126, 0.4);
-  --theme-color-primary: #006e93;
-  --theme-color-primary--active: #16565c;
-  --theme-color-primary--contrast: #ffffff;
-  --theme-color-primary--disabled: rgba(0, 110, 147, 0.3);
-  --theme-color-primary--hover: #196269;
-  --theme-color-secondary: #ffffff;
-  --theme-color-secondary--active: #b8edf2;
-  --theme-color-secondary--hover: #ccfbff;
-  --theme-color-shadow-1: rgba(0, 0, 0, 0.1);
-  --theme-color-shadow-2: rgba(0, 0, 0, 0.2);
-  --theme-color-shadow-3: rgba(0, 0, 0, 0.1);
-  --theme-color-soft-bdr: rgba(0, 20, 40, 0.2);
-  --theme-color-soft-text: rgba(0, 10, 20, 0.6);
-  --theme-color-std-bdr: rgba(0, 20, 40, 0.3);
-  --theme-color-std-text: rgba(0, 10, 20, 0.9);
-  --theme-color-success: #2c8500;
-  --theme-color-success--active: #246b00;
-  --theme-color-success--contrast: #ffffff;
-  --theme-color-success--hover: #277500;
-  --theme-color-success-40: rgba(44, 133, 0, 0.4);
-  --theme-color-warning: #ffbb00;
-  --theme-color-warning--active: #ffba0a;
-  --theme-color-warning--contrast: #000000;
-  --theme-color-warning--hover: #ffc533;
-  --theme-color-warning-10: rgba(255, 187, 0, 0.1);
-  --theme-color-warning-40: rgba(255, 187, 0, 0.4);
-  --theme-color-warning-bdr: #947100;
-  --theme-color-warning-text: #947100;
-  --theme-color-weak-bdr: rgba(35, 48, 60, 0.15);
-  --theme-color-weak-text: rgba(0, 10, 20, 0.4);
-  --theme-color-x-weak-bdr: rgba(174, 181, 189, 0.2);
-  --theme-company-logo: company-logo-alt;
-  --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);
-  --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
-  --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
-  --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
-  --theme-display: 400 1.5rem/1 "Siemens Sans";
-  --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
-  --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
-  --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
-  --theme-display-xs: 400 1rem/1 "Siemens Sans";
-  --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
-  --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
-  --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
-  --theme-font-code: "JetBrains Mono";
-  --theme-font-sans: "Siemens Sans";
-  --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
-  --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
-  --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
-  --theme-h4: 700 1rem/1.5 "Siemens Sans";
-  --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
-  --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
-  --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
-  --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
-  --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-  --theme-label: 400 0.875rem/1.2 "Siemens Sans";
-  --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
-  --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
-  --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
-  --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
-  --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
-  --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
-  --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);
-  --theme-shadow-1: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  --theme-shadow-2: -4px 0 8px 0 rgba(0, 0, 0, 0.2), 4px 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 16px 0 rgba(0, 0, 0, 0.1);
-  --theme-shadow-3: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
-  --theme-shadow-4: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0 rgba(0, 0, 0, 0.1);
-  --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);
-  --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);
-  --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);
-  --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);
-  --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);
-  --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
-  --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
-  --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
-  --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
-  --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
-  --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
-  --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
-  --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
-  --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
-  --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
-  --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
-  --theme-text-l: 400 1rem/1.5 "Siemens Sans";
-  --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
-  --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
-  --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
-  --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
-  --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
-  --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
-  --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
-  --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
-  --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
-  --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);
-  --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
-  --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
 }