@workday/canvas-tokens-web 5.0.0-alpha.0 → 5.0.0-alpha.2

package/dist/common-js/system/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 25 Mar 2026 22:28:09 GMT
+ * Generated on Thu, 25 Jun 2026 23:45:10 GMT
  */
 
 export declare const breakpoints: {
@@ -74,6 +74,14 @@ export declare const breakpoints: {
    * Used for extra large screens, such as wide monitors and TVs.
    */
   "xl": "--cnvs-sys-breakpoints-xl",
+  /**
+   * **value**: `{base.baseline} * 272.5` (136.25rem | 2180px)
+   * 
+   * **CSS Var**: `--cnvs-sys-breakpoints-xxl`
+   * 
+   * Figma only. Use as the max-width on xl media query.
+   */
+  "xxl": "--cnvs-sys-breakpoints-xxl",
 };
 
 export declare const shape: {
@@ -164,10 +172,18 @@ export declare const shape: {
   /**
    * **value**: `{base.size.50}` (0.25rem | 4px)
    * 
-   * **CSS Var**: `--cnvs-sys-shape-sm`
+   * **CSS Var**: `--cnvs-sys-shape-xs`
    * 
    * Pill, Status Indicator, Checkbox
    */
+  "xs": "--cnvs-sys-shape-xs",
+  /**
+   * **value**: `{base.size.75}` (0.375rem | 6px)
+   * 
+   * **CSS Var**: `--cnvs-sys-shape-sm`
+   * 
+   * Compact components that leverage smaller typography, like Pills or Status Indicator
+   */
   "sm": "--cnvs-sys-shape-sm",
   /**
    * **value**: `{base.size.100}` (0.5rem | 8px)
@@ -194,19 +210,19 @@ export declare const shape: {
    */
   "xl": "--cnvs-sys-shape-xl",
   /**
-   * **value**: `{base.size.300}` (1.5rem | 24px)
+   * **value**: `{base.size.250}` (1.25rem | 20px)
    * 
    * **CSS Var**: `--cnvs-sys-shape-xxl`
    * 
-   * Extra extra large rounding for cards and items
+   * Flat or raised surfaces, like Cards or Menu
    */
   "xxl": "--cnvs-sys-shape-xxl",
   /**
-   * **value**: `{base.size.400}` (2rem | 32px)
+   * **value**: `{base.size.350}` (1.75rem | 28px)
    * 
    * **CSS Var**: `--cnvs-sys-shape-xxxl`
    * 
-   * Maximum rounding for modals and large containers
+   * Large elevated surfaces, like Modals
    */
   "xxxl": "--cnvs-sys-shape-xxxl",
   /**
@@ -295,9 +311,9 @@ export declare const space: {
    * 
    * **CSS Var**: `--cnvs-sys-space-x6`
    * 
-   * • Padding around card content
-   * • Related elements where more space between them can be afforded
-   * • Separate section headings or titles from body text or inputs
+   * - Padding around card content
+   * - Related elements where more space between them can be afforded
+   * - Separate section headings or titles from body text or inputs
    * 
    * @deprecated Use semantic padding and gap values instead
    */
@@ -307,9 +323,9 @@ export declare const space: {
    * 
    * **CSS Var**: `--cnvs-sys-space-x8`
    * 
-   * • Standard spacing between cards
-   * • Used to separate groups of content 
-   * • Separate section headings or titles from body text or inputs
+   * - Standard spacing between cards
+   * - Used to separate groups of content 
+   * - Separate section headings or titles from body text or inputs
    * 
    * @deprecated Use semantic padding and gap values instead
    */
@@ -319,8 +335,8 @@ export declare const space: {
    * 
    * **CSS Var**: `--cnvs-sys-space-x10`
    * 
-   * • Used for outer margins on the overall page content 
-   * • Used for inner margins on large items such as page sections
+   * - Used for outer margins on the overall page content 
+   * - Used for inner margins on large items such as page sections
    * 
    * @deprecated Use semantic padding and gap values instead
    */
@@ -617,7 +633,7 @@ export declare const lineHeight: {
      */
     "sm": "--cnvs-sys-line-height-body-sm",
     /**
-     * **value**: `{base.size.350}` (1.75rem | 28px)
+     * **value**: `{base.size.300}` (1.5rem | 24px)
      * 
      * **CSS Var**: `--cnvs-sys-line-height-body-md`
      */
@@ -855,7 +871,7 @@ export declare const type: {
        */
       "fontSize": "--cnvs-sys-font-size-subtext-sm",
       /**
-       * **value**: `{base.letter-spacing.50}`
+       * **value**: `{base.letter-spacing.1}`
        * 
        * **CSS Var**: `--cnvs-sys-letter-spacing-subtext-sm`
        */
@@ -887,7 +903,7 @@ export declare const type: {
        */
       "fontSize": "--cnvs-sys-font-size-subtext-md",
       /**
-       * **value**: `{base.letter-spacing.100}`
+       * **value**: `{base.letter-spacing.2}`
        * 
        * **CSS Var**: `--cnvs-sys-letter-spacing-subtext-md`
        */
@@ -919,7 +935,7 @@ export declare const type: {
        */
       "fontSize": "--cnvs-sys-font-size-subtext-lg",
       /**
-       * **value**: `{base.letter-spacing.150}`
+       * **value**: `{base.letter-spacing.3}`
        * 
        * **CSS Var**: `--cnvs-sys-letter-spacing-subtext-lg`
        */
@@ -1049,7 +1065,7 @@ export declare const type: {
        */
       "fontSize": "--cnvs-sys-font-size-body-sm",
       /**
-       * **value**: `{base.letter-spacing.200}`
+       * **value**: `{base.letter-spacing.4}`
        * 
        * **CSS Var**: `--cnvs-sys-letter-spacing-body-sm`
        */
@@ -1069,7 +1085,7 @@ export declare const type: {
        */
       "fontWeight": "--cnvs-sys-font-weight-normal",
       /**
-       * **value**: `{base.size.350}` (1.75rem | 28px)
+       * **value**: `{base.size.300}` (1.5rem | 24px)
        * 
        * **CSS Var**: `--cnvs-sys-line-height-body-md`
        */
@@ -1080,6 +1096,12 @@ export declare const type: {
        * **CSS Var**: `--cnvs-sys-font-size-body-md`
        */
       "fontSize": "--cnvs-sys-font-size-body-md",
+      /**
+       * **value**: `{base.letter-spacing.5}`
+       * 
+       * **CSS Var**: `--cnvs-sys-letter-spacing-body-md`
+       */
+      "letterSpacing": "--cnvs-sys-letter-spacing-body-md",
     },
     "lg": {
       /**
@@ -1106,6 +1128,12 @@ export declare const type: {
        * **CSS Var**: `--cnvs-sys-font-size-body-lg`
        */
       "fontSize": "--cnvs-sys-font-size-body-lg",
+      /**
+       * **value**: `{base.letter-spacing.6}`
+       * 
+       * **CSS Var**: `--cnvs-sys-letter-spacing-body-lg`
+       */
+      "letterSpacing": "--cnvs-sys-letter-spacing-body-lg",
     },
   },
   "heading": {
@@ -1224,6 +1252,12 @@ export declare const type: {
        * **CSS Var**: `--cnvs-sys-font-size-heading-sm`
        */
       "fontSize": "--cnvs-sys-font-size-heading-sm",
+      /**
+       * **value**: `{base.letter-spacing.7}`
+       * 
+       * **CSS Var**: `--cnvs-sys-letter-spacing-heading-sm`
+       */
+      "letterSpacing": "--cnvs-sys-letter-spacing-heading-sm",
     },
     "md": {
       /**
@@ -1250,6 +1284,12 @@ export declare const type: {
        * **CSS Var**: `--cnvs-sys-font-size-heading-md`
        */
       "fontSize": "--cnvs-sys-font-size-heading-md",
+      /**
+       * **value**: `{base.letter-spacing.8}`
+       * 
+       * **CSS Var**: `--cnvs-sys-letter-spacing-heading-md`
+       */
+      "letterSpacing": "--cnvs-sys-letter-spacing-heading-md",
     },
     "lg": {
       /**
@@ -1276,6 +1316,12 @@ export declare const type: {
        * **CSS Var**: `--cnvs-sys-font-size-heading-lg`
        */
       "fontSize": "--cnvs-sys-font-size-heading-lg",
+      /**
+       * **value**: `{base.letter-spacing.9}`
+       * 
+       * **CSS Var**: `--cnvs-sys-letter-spacing-heading-lg`
+       */
+      "letterSpacing": "--cnvs-sys-letter-spacing-heading-lg",
     },
   },
   "title": {
@@ -1394,6 +1440,12 @@ export declare const type: {
        * **CSS Var**: `--cnvs-sys-font-size-title-sm`
        */
       "fontSize": "--cnvs-sys-font-size-title-sm",
+      /**
+       * **value**: `{base.letter-spacing.10}`
+       * 
+       * **CSS Var**: `--cnvs-sys-letter-spacing-title-sm`
+       */
+      "letterSpacing": "--cnvs-sys-letter-spacing-title-sm",
     },
     "md": {
       /**
@@ -1420,6 +1472,12 @@ export declare const type: {
        * **CSS Var**: `--cnvs-sys-font-size-title-md`
        */
       "fontSize": "--cnvs-sys-font-size-title-md",
+      /**
+       * **value**: `{base.letter-spacing.11}`
+       * 
+       * **CSS Var**: `--cnvs-sys-letter-spacing-title-md`
+       */
+      "letterSpacing": "--cnvs-sys-letter-spacing-title-md",
     },
     "lg": {
       /**
@@ -1446,6 +1504,12 @@ export declare const type: {
        * **CSS Var**: `--cnvs-sys-font-size-title-lg`
        */
       "fontSize": "--cnvs-sys-font-size-title-lg",
+      /**
+       * **value**: `{base.letter-spacing.12}`
+       * 
+       * **CSS Var**: `--cnvs-sys-letter-spacing-title-lg`
+       */
+      "letterSpacing": "--cnvs-sys-letter-spacing-title-lg",
     },
   },
 };
@@ -1594,7 +1658,7 @@ export declare const color: {
        * 
        * Active states
        * 
-       * @deprecated Use sys.color.surface.default tokens instead with sys.color.surface.overlay.hover.default tokens instead
+       * @deprecated Use sys.color.surface.default tokens instead with sys.color.surface.overlay.hover.default
        */
       "strong": "--cnvs-sys-color-bg-alt-strong",
       /**
@@ -1604,11 +1668,11 @@ export declare const color: {
        * 
        * Active state for segmented control, Pill
        * 
-       * @deprecated Use sys.color.surface.alt.default with sys.color.surface.overlay.pressed.default tokens instead
+       * @deprecated Use sys.color.surface.alt.default with sys.color.surface.overlay.pressed.default
        */
       "stronger": "--cnvs-sys-color-bg-alt-stronger",
       /**
-       * **value**: `{base.palette.slate.50}`
+       * **value**: `{base.palette.neutral.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-alt-default`
        * 
@@ -2907,7 +2971,7 @@ export declare const color: {
      */
     "stronger": "--cnvs-sys-color-fg-stronger",
     /**
-     * **value**: `{base.palette.slate.A400}`
+     * **value**: `{base.palette.neutral.A400}`
      * 
      * **CSS Var**: `--cnvs-sys-color-fg-disabled`
      * 
@@ -3009,7 +3073,7 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-border-ai`
      * 
-     * Active state on AI borders
+     * Border color for AI-focused input elements
      * 
      * @deprecated Use sys.color.accent.ai instead
      */
@@ -3046,7 +3110,7 @@ export declare const color: {
        */
       "inverse": "--cnvs-sys-color-border-input-inverse",
       /**
-       * **value**: `{base.palette.slate.A500}`
+       * **value**: `{base.palette.neutral.A500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-input-default`
        * 
@@ -3054,7 +3118,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-border-input-default",
       /**
-       * **value**: `{base.palette.slate.A700}`
+       * **value**: `{base.palette.neutral.A700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-input-hover`
        * 
@@ -3149,7 +3213,7 @@ export declare const color: {
      */
     "container": "--cnvs-sys-color-border-container",
     /**
-     * **value**: `{base.palette.slate.A200}`
+     * **value**: `{base.palette.neutral.A100}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-default`
      * 
@@ -3157,7 +3221,7 @@ export declare const color: {
      */
     "default": "--cnvs-sys-color-border-default",
     /**
-     * **value**: `{base.palette.slate.A300}`
+     * **value**: `{base.palette.neutral.A200}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-strong`
      * 
@@ -3183,7 +3247,7 @@ export declare const color: {
      */
     "danger": "--cnvs-sys-color-border-danger",
     /**
-     * **value**: `{base.palette.amber.400}`
+     * **value**: `{base.palette.amber.500}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-warning`
      * 
@@ -3693,7 +3757,7 @@ export declare const color: {
      */
     "default": "--cnvs-sys-color-surface-default",
     /**
-     * **value**: `{base.palette.slate.50}`
+     * **value**: `{base.palette.neutral.50}`
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-navigation`
      * 
@@ -3717,7 +3781,7 @@ export declare const color: {
      */
     "modal": "--cnvs-sys-color-surface-modal",
     /**
-     * **value**: `{base.palette.slate.A25}`
+     * **value**: `{brand.neutral.A25}`
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-raised`
      * 
@@ -3726,7 +3790,7 @@ export declare const color: {
     "raised": "--cnvs-sys-color-surface-raised",
     "alt": {
       /**
-       * **value**: `{base.palette.slate.A50}`
+       * **value**: `{base.palette.neutral.A50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-alt-default`
        * 
@@ -3734,7 +3798,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-surface-alt-default",
       /**
-       * **value**: `{base.palette.slate.A100}`
+       * **value**: `{base.palette.neutral.A100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-alt-strong`
        * 
@@ -3743,7 +3807,7 @@ export declare const color: {
       "strong": "--cnvs-sys-color-surface-alt-strong",
     },
     /**
-     * **value**: `{base.palette.slate.A200}`
+     * **value**: `{brand.neutral.A50}`
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-loading`
      * 
@@ -3885,7 +3949,7 @@ export declare const color: {
     "overlay": {
       "hover": {
         /**
-         * **value**: `{base.palette.slate.A50}`
+         * **value**: `{base.palette.neutral.A50}`
          * 
          * **CSS Var**: `--cnvs-sys-color-surface-overlay-hover-default`
          * 
@@ -3893,7 +3957,7 @@ export declare const color: {
          */
         "default": "--cnvs-sys-color-surface-overlay-hover-default",
         /**
-         * **value**: `{base.palette.white.A200}`
+         * **value**: `{base.palette.white.A150}`
          * 
          * **CSS Var**: `--cnvs-sys-color-surface-overlay-hover-inverse`
          * 
@@ -3902,7 +3966,7 @@ export declare const color: {
         "inverse": "--cnvs-sys-color-surface-overlay-hover-inverse",
       },
       /**
-       * **value**: `{base.palette.slate.500}`
+       * **value**: `{base.palette.neutral.1000}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-overlay-mixin`
        * 
@@ -3911,7 +3975,7 @@ export declare const color: {
       "mixin": "--cnvs-sys-color-surface-overlay-mixin",
       "pressed": {
         /**
-         * **value**: `{base.palette.slate.A100}`
+         * **value**: `{base.palette.neutral.A100}`
          * 
          * **CSS Var**: `--cnvs-sys-color-surface-overlay-pressed-default`
          * 
@@ -3919,7 +3983,7 @@ export declare const color: {
          */
         "default": "--cnvs-sys-color-surface-overlay-pressed-default",
         /**
-         * **value**: `{base.palette.white.A300}`
+         * **value**: `{base.palette.white.A200}`
          * 
          * **CSS Var**: `--cnvs-sys-color-surface-overlay-pressed-inverse`
          * 
@@ -3933,6 +3997,22 @@ export declare const color: {
        * **CSS Var**: `--cnvs-sys-color-surface-overlay-scrim`
        */
       "scrim": "--cnvs-sys-color-surface-overlay-scrim",
+      /**
+       * **value**: `{base.palette.white.A300}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-surface-overlay-raised`
+       * 
+       * Semi-transparent backdrop behind modals and dialogs
+       */
+      "raised": "--cnvs-sys-color-surface-overlay-raised",
+    },
+    "text": {
+      /**
+       * **value**: `{base.palette.indigo.A200}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-surface-text-highlight`
+       */
+      "highlight": "--cnvs-sys-color-surface-text-highlight",
     },
   },
   "accent": {
@@ -3986,7 +4066,7 @@ export declare const color: {
     "contrast": "--cnvs-sys-color-accent-contrast",
     "muted": {
       /**
-       * **value**: `{base.palette.slate.600}`
+       * **value**: `{base.palette.neutral.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-muted-default`
        * 
@@ -3994,7 +4074,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-accent-muted-default",
       /**
-       * **value**: `{base.palette.slate.400}`
+       * **value**: `{base.palette.neutral.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-muted-soft`
        * 
@@ -4004,7 +4084,7 @@ export declare const color: {
     },
     "overlay": {
       /**
-       * **value**: `{base.palette.neutral.A200}`
+       * **value**: `{base.palette.white.A50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-overlay-hover`
        * 
@@ -4012,7 +4092,7 @@ export declare const color: {
        */
       "hover": "--cnvs-sys-color-accent-overlay-hover",
       /**
-       * **value**: `{base.palette.neutral.A400}`
+       * **value**: `{base.palette.white.A100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-overlay-pressed`
        * 
@@ -4020,7 +4100,7 @@ export declare const color: {
        */
       "pressed": "--cnvs-sys-color-accent-overlay-pressed",
       /**
-       * **value**: `{base.palette.neutral.1000}`
+       * **value**: `{base.palette.neutral.0}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-overlay-mixin`
        * 
@@ -4140,7 +4220,7 @@ export declare const color: {
         "strong": "--cnvs-sys-color-brand-surface-positive-strong",
       },
       /**
-       * **value**: `{brand.primary.A50}`
+       * **value**: `{brand.neutral.A100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-surface-selected`
        * 
@@ -4150,7 +4230,7 @@ export declare const color: {
     },
     "accent": {
       /**
-       * **value**: `{brand.primary.600}`
+       * **value**: `{brand.neutral.975}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-accent-primary`
        * 
@@ -4182,7 +4262,7 @@ export declare const color: {
        */
       "positive": "--cnvs-sys-color-brand-accent-positive",
       /**
-       * **value**: `{brand.primary.600}`
+       * **value**: `{brand.neutral.975}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-accent-action`
        */
@@ -4191,7 +4271,7 @@ export declare const color: {
     "fg": {
       "primary": {
         /**
-         * **value**: `{brand.primary.600}`
+         * **value**: `{brand.neutral.A900}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-primary-default`
          * 
@@ -4199,7 +4279,7 @@ export declare const color: {
          */
         "default": "--cnvs-sys-color-brand-fg-primary-default",
         /**
-         * **value**: `{brand.primary.700}`
+         * **value**: `{brand.neutral.A950}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-primary-strong`
          * 
@@ -4262,13 +4342,31 @@ export declare const color: {
         "strong": "--cnvs-sys-color-brand-fg-positive-strong",
       },
       /**
-       * **value**: `{brand.primary.700}`
+       * **value**: `{brand.neutral.A900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-fg-selected`
        * 
        * Tenant-themeable text color for selected items
        */
       "selected": "--cnvs-sys-color-brand-fg-selected",
+      "link": {
+        /**
+         * **value**: `{base.palette.blue.600}`
+         * 
+         * **CSS Var**: `--cnvs-sys-color-brand-fg-link-default`
+         * 
+         * Default text color for hyperlinks
+         */
+        "default": "--cnvs-sys-color-brand-fg-link-default",
+        /**
+         * **value**: `{base.palette.blue.700}`
+         * 
+         * **CSS Var**: `--cnvs-sys-color-brand-fg-link-hover`
+         * 
+         * Text color for hyperlinks on hover
+         */
+        "hover": "--cnvs-sys-color-brand-fg-link-hover",
+      },
     },
     "border": {
       /**
@@ -4315,38 +4413,350 @@ export declare const color: {
      */
     "contrast": "--cnvs-sys-color-focus-contrast",
   },
+  "chart": {
+    "diverging": {
+      "azure": {
+        "coral": {
+          /**
+           * **value**: `{base.palette.azure.900}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-1`
+           */
+          "1": "--cnvs-sys-color-chart-diverging-azure-coral-1",
+          /**
+           * **value**: `{base.palette.azure.800}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-2`
+           */
+          "2": "--cnvs-sys-color-chart-diverging-azure-coral-2",
+          /**
+           * **value**: `{base.palette.azure.700}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-3`
+           */
+          "3": "--cnvs-sys-color-chart-diverging-azure-coral-3",
+          /**
+           * **value**: `{base.palette.azure.600}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-4`
+           */
+          "4": "--cnvs-sys-color-chart-diverging-azure-coral-4",
+          /**
+           * **value**: `{base.palette.azure.500}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-5`
+           */
+          "5": "--cnvs-sys-color-chart-diverging-azure-coral-5",
+          /**
+           * **value**: `{base.palette.azure.400}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-6`
+           */
+          "6": "--cnvs-sys-color-chart-diverging-azure-coral-6",
+          /**
+           * **value**: `{base.palette.azure.300}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-7`
+           */
+          "7": "--cnvs-sys-color-chart-diverging-azure-coral-7",
+          /**
+           * **value**: `{base.palette.azure.200}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-8`
+           */
+          "8": "--cnvs-sys-color-chart-diverging-azure-coral-8",
+          /**
+           * **value**: `{base.palette.azure.100}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-9`
+           */
+          "9": "--cnvs-sys-color-chart-diverging-azure-coral-9",
+          /**
+           * **value**: `{base.palette.azure.50}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-10`
+           */
+          "10": "--cnvs-sys-color-chart-diverging-azure-coral-10",
+          /**
+           * **value**: `{base.palette.azure.25}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-11`
+           */
+          "11": "--cnvs-sys-color-chart-diverging-azure-coral-11",
+          /**
+           * **value**: `{base.palette.neutral.0}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-12`
+           */
+          "12": "--cnvs-sys-color-chart-diverging-azure-coral-12",
+          /**
+           * **value**: `{base.palette.coral.25}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-13`
+           */
+          "13": "--cnvs-sys-color-chart-diverging-azure-coral-13",
+          /**
+           * **value**: `{base.palette.coral.50}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-14`
+           */
+          "14": "--cnvs-sys-color-chart-diverging-azure-coral-14",
+          /**
+           * **value**: `{base.palette.coral.100}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-15`
+           */
+          "15": "--cnvs-sys-color-chart-diverging-azure-coral-15",
+          /**
+           * **value**: `{base.palette.coral.200}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-16`
+           */
+          "16": "--cnvs-sys-color-chart-diverging-azure-coral-16",
+          /**
+           * **value**: `{base.palette.coral.300}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-17`
+           */
+          "17": "--cnvs-sys-color-chart-diverging-azure-coral-17",
+          /**
+           * **value**: `{base.palette.coral.400}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-18`
+           */
+          "18": "--cnvs-sys-color-chart-diverging-azure-coral-18",
+          /**
+           * **value**: `{base.palette.coral.500}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-19`
+           */
+          "19": "--cnvs-sys-color-chart-diverging-azure-coral-19",
+          /**
+           * **value**: `{base.palette.coral.600}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-20`
+           */
+          "20": "--cnvs-sys-color-chart-diverging-azure-coral-20",
+          /**
+           * **value**: `{base.palette.coral.700}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-21`
+           */
+          "21": "--cnvs-sys-color-chart-diverging-azure-coral-21",
+          /**
+           * **value**: `{base.palette.coral.800}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-22`
+           */
+          "22": "--cnvs-sys-color-chart-diverging-azure-coral-22",
+          /**
+           * **value**: `{base.palette.coral.900}`
+           * 
+           * **CSS Var**: `--cnvs-sys-color-chart-diverging-azure-coral-23`
+           */
+          "23": "--cnvs-sys-color-chart-diverging-azure-coral-23",
+        },
+      },
+    },
+    "categorical": {
+      /**
+       * **value**: `{base.palette.teal.500}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-1`
+       */
+      "1": "--cnvs-sys-color-chart-categorical-1",
+      /**
+       * **value**: `{base.palette.blue.800}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-2`
+       */
+      "2": "--cnvs-sys-color-chart-categorical-2",
+      /**
+       * **value**: `{base.palette.orange.500}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-3`
+       */
+      "3": "--cnvs-sys-color-chart-categorical-3",
+      /**
+       * **value**: `{base.palette.azure.500}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-4`
+       */
+      "4": "--cnvs-sys-color-chart-categorical-4",
+      /**
+       * **value**: `{base.palette.magenta.600}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-5`
+       */
+      "5": "--cnvs-sys-color-chart-categorical-5",
+      /**
+       * **value**: `{brand.positive.600}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-6`
+       */
+      "6": "--cnvs-sys-color-chart-categorical-6",
+      /**
+       * **value**: `{base.palette.purple.500}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-7`
+       */
+      "7": "--cnvs-sys-color-chart-categorical-7",
+      /**
+       * **value**: `{brand.caution.500}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-8`
+       */
+      "8": "--cnvs-sys-color-chart-categorical-8",
+      /**
+       * **value**: `{base.palette.teal.700}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-9`
+       */
+      "9": "--cnvs-sys-color-chart-categorical-9",
+      /**
+       * **value**: `{base.palette.indigo.600}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-10`
+       */
+      "10": "--cnvs-sys-color-chart-categorical-10",
+      /**
+       * **value**: `{base.palette.orange.700}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-11`
+       */
+      "11": "--cnvs-sys-color-chart-categorical-11",
+      /**
+       * **value**: `{base.palette.azure.700}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-12`
+       */
+      "12": "--cnvs-sys-color-chart-categorical-12",
+      /**
+       * **value**: `{base.palette.purple.700}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-13`
+       */
+      "13": "--cnvs-sys-color-chart-categorical-13",
+      /**
+       * **value**: `{base.palette.coral.600}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-14`
+       */
+      "14": "--cnvs-sys-color-chart-categorical-14",
+      /**
+       * **value**: `{brand.positive.800}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-15`
+       */
+      "15": "--cnvs-sys-color-chart-categorical-15",
+      /**
+       * **value**: `{brand.caution.700}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-categorical-16`
+       */
+      "16": "--cnvs-sys-color-chart-categorical-16",
+    },
+    "sequential": {
+      /**
+       * **value**: `{base.palette.teal.25}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-1`
+       */
+      "1": "--cnvs-sys-color-chart-sequential-1",
+      /**
+       * **value**: `{base.palette.teal.50}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-2`
+       */
+      "2": "--cnvs-sys-color-chart-sequential-2",
+      /**
+       * **value**: `{base.palette.teal.100}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-3`
+       */
+      "3": "--cnvs-sys-color-chart-sequential-3",
+      /**
+       * **value**: `{base.palette.teal.200}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-4`
+       */
+      "4": "--cnvs-sys-color-chart-sequential-4",
+      /**
+       * **value**: `{base.palette.teal.300}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-5`
+       */
+      "5": "--cnvs-sys-color-chart-sequential-5",
+      /**
+       * **value**: `{base.palette.teal.400}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-6`
+       */
+      "6": "--cnvs-sys-color-chart-sequential-6",
+      /**
+       * **value**: `{base.palette.teal.500}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-7`
+       */
+      "7": "--cnvs-sys-color-chart-sequential-7",
+      /**
+       * **value**: `{base.palette.teal.600}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-8`
+       */
+      "8": "--cnvs-sys-color-chart-sequential-8",
+      /**
+       * **value**: `{base.palette.teal.700}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-9`
+       */
+      "9": "--cnvs-sys-color-chart-sequential-9",
+      /**
+       * **value**: `{base.palette.teal.800}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-10`
+       */
+      "10": "--cnvs-sys-color-chart-sequential-10",
+      /**
+       * **value**: `{base.palette.teal.900}`
+       * 
+       * **CSS Var**: `--cnvs-sys-color-chart-sequential-11`
+       */
+      "11": "--cnvs-sys-color-chart-sequential-11",
+    },
+  },
 };
 
 export declare const depth: {
-  /**0 0.0625rem 0.25rem 0 oklch(0.3057 0.079 256.22 / 0.13), 0 0.125rem 0.5rem 0 oklch(0.3337 0.0688 250.79 / 0.09)
+  /**0 0.0625rem 0.25rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.125rem 0.5rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
    * 
    * **CSS Var**: `--cnvs-sys-depth-1`
    * 
    * Standard card depth
    */
   "1": "--cnvs-sys-depth-1",
-  /**0 0.125rem 0.5rem 0 oklch(0.3057 0.079 256.22 / 0.13), 0 0.25rem 1rem 0 oklch(0.3337 0.0688 250.79 / 0.09)
+  /**0 0.125rem 0.5rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.25rem 1rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
    * 
    * **CSS Var**: `--cnvs-sys-depth-2`
    * 
    * Top navigation, Bottom Navigation
    */
   "2": "--cnvs-sys-depth-2",
-  /**0 0.1875rem 0.75rem 0 oklch(0.3057 0.079 256.22 / 0.13), 0 0.375rem 1.5rem 0 oklch(0.3337 0.0688 250.79 / 0.09)
+  /**0 0.1875rem 0.75rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.375rem 1.5rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
    * 
    * **CSS Var**: `--cnvs-sys-depth-3`
    * 
    * Floating Action Buttons (FAB), Menus
    */
   "3": "--cnvs-sys-depth-3",
-  /**0 0.25rem 1rem 0 oklch(0.3057 0.079 256.22 / 0.13), 0 0.5rem 2rem 0 oklch(0.3337 0.0688 250.79 / 0.09)
+  /**0 0.25rem 1rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.5rem 2rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
    * 
    * **CSS Var**: `--cnvs-sys-depth-4`
    * 
    * Bottom Sheets
    */
   "4": "--cnvs-sys-depth-4",
-  /**0 0.3125rem 1.25rem 0 oklch(0.3057 0.079 256.22 / 0.13), 0 0.625rem 2.5rem 0 oklch(0.3337 0.0688 250.79 / 0.09)
+  /**0 0.3125rem 1.25rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.625rem 2.5rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
    * 
    * **CSS Var**: `--cnvs-sys-depth-5`
    * 
@@ -4354,7 +4764,7 @@ export declare const depth: {
    * Side Panels (when opacity overlay behaviour is not applied)
    */
   "5": "--cnvs-sys-depth-5",
-  /**0 0.375rem 1.5rem 0 oklch(0.3057 0.079 256.22 / 0.13), 0 0.75rem 3rem 0 oklch(0.3337 0.0688 250.79 / 0.09)
+  /**0 0.375rem 1.5rem 0 oklch(0.2751 0.1026 258.16 / 0.1922), 0 0.75rem 3rem 0 oklch(0.3039 0.0952 253.5 / 0.0863)
    * 
    * **CSS Var**: `--cnvs-sys-depth-6`
    * 
@@ -4419,7 +4829,7 @@ export declare const opacity: {
    */
   "zero": "--cnvs-sys-opacity-zero",
   /**
-   * **value**: `{base.opacity.400}` (40rem | 640px)
+   * **value**: `{base.opacity.400}` (0.4rem | 6.4px)
    * 
    * **CSS Var**: `--cnvs-sys-opacity-disabled`
    * 
@@ -4427,7 +4837,7 @@ export declare const opacity: {
    */
   "disabled": "--cnvs-sys-opacity-disabled",
   /**
-   * **value**: `{base.opacity.640}` (64rem | 1024px)
+   * **value**: `{base.opacity.640}` (0.64rem | 10.24px)
    * 
    * **CSS Var**: `--cnvs-sys-opacity-overlay`
    * 
@@ -4435,7 +4845,7 @@ export declare const opacity: {
    */
   "overlay": "--cnvs-sys-opacity-overlay",
   /**
-   * **value**: `{base.opacity.840}` (84rem | 1344px)
+   * **value**: `{base.opacity.840}` (0.84rem | 13.44px)
    * 
    * **CSS Var**: `--cnvs-sys-opacity-contrast`
    * 
@@ -4452,7 +4862,7 @@ export declare const opacity: {
   "full": "--cnvs-sys-opacity-full",
   "shadow": {
     /**
-     * **value**: `{base.opacity.120}` (12rem | 192px)
+     * **value**: `{base.opacity.120}` (0.12rem | 1.92px)
      * 
      * **CSS Var**: `--cnvs-sys-opacity-shadow-first`
      * 
@@ -4460,7 +4870,7 @@ export declare const opacity: {
      */
     "first": "--cnvs-sys-opacity-shadow-first",
     /**
-     * **value**: `{base.opacity.80}` (8rem | 128px)
+     * **value**: `{base.opacity.80}` (0.08rem | 1.28px)
      * 
      * **CSS Var**: `--cnvs-sys-opacity-shadow-second`
      * 
@@ -4470,7 +4880,7 @@ export declare const opacity: {
   },
   "surface": {
     /**
-     * **value**: `{base.opacity.100}` (8rem | 128px)
+     * **value**: `{base.opacity.100}` (0.08rem | 1.28px)
      * 
      * **CSS Var**: `--cnvs-sys-opacity-surface-hover`
      * 
@@ -4478,7 +4888,7 @@ export declare const opacity: {
      */
     "hover": "--cnvs-sys-opacity-surface-hover",
     /**
-     * **value**: `{base.opacity.180}` (18rem | 288px)
+     * **value**: `{base.opacity.180}` (0.18rem | 2.88px)
      * 
      * **CSS Var**: `--cnvs-sys-opacity-surface-pressed`
      * 
@@ -4488,7 +4898,7 @@ export declare const opacity: {
   },
   "accent": {
     /**
-     * **value**: `{base.opacity.180}` (18rem | 288px)
+     * **value**: `0.045` (0.045rem | 0.72px)
      * 
      * **CSS Var**: `--cnvs-sys-opacity-accent-hover`
      * 
@@ -4496,7 +4906,7 @@ export declare const opacity: {
      */
     "hover": "--cnvs-sys-opacity-accent-hover",
     /**
-     * **value**: `{base.opacity.360}` (36rem | 576px)
+     * **value**: `0.118` (0.118rem | 1.888px)
      * 
      * **CSS Var**: `--cnvs-sys-opacity-accent-pressed`
      * 
@@ -4716,24 +5126,30 @@ export declare const fontFamily: {
    * **CSS Var**: `--cnvs-sys-font-family-global`
    */
   "global": "--cnvs-sys-font-family-global",
+  /**
+   * **value**: `{base.font-family.0}`
+   * 
+   * **CSS Var**: `--cnvs-sys-font-family-fallback`
+   */
+  "fallback": "--cnvs-sys-font-family-fallback",
 };
 
 export declare const letterSpacing: {
   "subtext": {
     /**
-     * **value**: `{base.letter-spacing.50}`
+     * **value**: `{base.letter-spacing.1}`
      * 
      * **CSS Var**: `--cnvs-sys-letter-spacing-subtext-sm`
      */
     "sm": "--cnvs-sys-letter-spacing-subtext-sm",
     /**
-     * **value**: `{base.letter-spacing.100}`
+     * **value**: `{base.letter-spacing.2}`
      * 
      * **CSS Var**: `--cnvs-sys-letter-spacing-subtext-md`
      */
     "md": "--cnvs-sys-letter-spacing-subtext-md",
     /**
-     * **value**: `{base.letter-spacing.150}`
+     * **value**: `{base.letter-spacing.3}`
      * 
      * **CSS Var**: `--cnvs-sys-letter-spacing-subtext-lg`
      */
@@ -4741,11 +5157,63 @@ export declare const letterSpacing: {
   },
   "body": {
     /**
-     * **value**: `{base.letter-spacing.200}`
+     * **value**: `{base.letter-spacing.4}`
      * 
      * **CSS Var**: `--cnvs-sys-letter-spacing-body-sm`
      */
     "sm": "--cnvs-sys-letter-spacing-body-sm",
+    /**
+     * **value**: `{base.letter-spacing.5}`
+     * 
+     * **CSS Var**: `--cnvs-sys-letter-spacing-body-md`
+     */
+    "md": "--cnvs-sys-letter-spacing-body-md",
+    /**
+     * **value**: `{base.letter-spacing.6}`
+     * 
+     * **CSS Var**: `--cnvs-sys-letter-spacing-body-lg`
+     */
+    "lg": "--cnvs-sys-letter-spacing-body-lg",
+  },
+  "heading": {
+    /**
+     * **value**: `{base.letter-spacing.7}`
+     * 
+     * **CSS Var**: `--cnvs-sys-letter-spacing-heading-sm`
+     */
+    "sm": "--cnvs-sys-letter-spacing-heading-sm",
+    /**
+     * **value**: `{base.letter-spacing.8}`
+     * 
+     * **CSS Var**: `--cnvs-sys-letter-spacing-heading-md`
+     */
+    "md": "--cnvs-sys-letter-spacing-heading-md",
+    /**
+     * **value**: `{base.letter-spacing.9}`
+     * 
+     * **CSS Var**: `--cnvs-sys-letter-spacing-heading-lg`
+     */
+    "lg": "--cnvs-sys-letter-spacing-heading-lg",
+  },
+  "title": {
+    /**
+     * **value**: `{base.letter-spacing.10}`
+     * 
+     * **CSS Var**: `--cnvs-sys-letter-spacing-title-sm`
+     */
+    "sm": "--cnvs-sys-letter-spacing-title-sm",
+    /**
+     * **value**: `{base.letter-spacing.11}`
+     * 
+     * **CSS Var**: `--cnvs-sys-letter-spacing-title-md`
+     */
+    "md": "--cnvs-sys-letter-spacing-title-md",
+    /**
+     * **value**: `{base.letter-spacing.12}`
+     * 
+     * **CSS Var**: `--cnvs-sys-letter-spacing-title-lg`
+     */
+    "lg": "--cnvs-sys-letter-spacing-title-lg",
   },
 };
 
@@ -4775,3 +5243,421 @@ export declare const fontWeight: {
    */
   "bold": "--cnvs-sys-font-weight-bold",
 };
+
+/**
+ * Temporary legacy object including fallback values to older versions of the tokens
+ * for internal use only, will be removed in the future
+ */
+export declare const legacy: {
+  "breakpoints": {
+    "sm": "var(--cnvs-sys-breakpoints-sm, var(--cnvs-sys-breakpoints-s, 320px))",
+    "md": "var(--cnvs-sys-breakpoints-md, var(--cnvs-sys-breakpoints-m, 768px))",
+    "lg": "var(--cnvs-sys-breakpoints-lg, var(--cnvs-sys-breakpoints-l, 1024px))",
+    "xl": "var(--cnvs-sys-breakpoints-xl, 1rem / 2 * 180)",
+    "xxl": "var(--cnvs-sys-breakpoints-xxl, 1rem / 2 * 272.5)"
+  },
+  "shape": {
+    "none": "var(--cnvs-sys-shape-none, var(--cnvs-sys-shape-zero, 0))",
+    "xs": "var(--cnvs-sys-shape-xs, var(--cnvs-sys-shape-x1, 0.25rem))",
+    "sm": "var(--cnvs-sys-shape-sm, 0.375rem)",
+    "md": "var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem))",
+    "lg": "var(--cnvs-sys-shape-lg, 0.75rem)",
+    "xl": "var(--cnvs-sys-shape-xl, var(--cnvs-sys-shape-x4, 1rem))",
+    "xxl": "var(--cnvs-sys-shape-xxl, 1.25rem)",
+    "xxxl": "var(--cnvs-sys-shape-xxxl, 1.75rem)",
+    "full": "var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem))"
+  },
+  "fontSize": {
+    "subtext": {
+      "sm": "var(--cnvs-sys-font-size-subtext-sm, var(--cnvs-sys-font-size-subtext-small, 0.625rem))",
+      "md": "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem))",
+      "lg": "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))"
+    },
+    "body": {
+      "sm": "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem))",
+      "md": "var(--cnvs-sys-font-size-body-md, var(--cnvs-sys-font-size-body-medium, 1.125rem))",
+      "lg": "var(--cnvs-sys-font-size-body-lg, var(--cnvs-sys-font-size-body-large, 1.25rem))"
+    },
+    "heading": {
+      "sm": "var(--cnvs-sys-font-size-heading-sm, var(--cnvs-sys-font-size-heading-small, 1.5rem))",
+      "md": "var(--cnvs-sys-font-size-heading-md, var(--cnvs-sys-font-size-heading-medium, 1.75rem))",
+      "lg": "var(--cnvs-sys-font-size-heading-lg, var(--cnvs-sys-font-size-heading-large, 2rem))"
+    },
+    "title": {
+      "sm": "var(--cnvs-sys-font-size-title-sm, var(--cnvs-sys-font-size-title-small, 2.5rem))",
+      "md": "var(--cnvs-sys-font-size-title-md, var(--cnvs-sys-font-size-title-medium, 3rem))",
+      "lg": "var(--cnvs-sys-font-size-title-lg, var(--cnvs-sys-font-size-title-large, 3.5rem))"
+    }
+  },
+  "lineHeight": {
+    "subtext": {
+      "sm": "var(--cnvs-sys-line-height-subtext-sm, var(--cnvs-sys-line-height-subtext-small, 1rem))",
+      "md": "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem))",
+      "lg": "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem))"
+    },
+    "body": {
+      "sm": "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem))",
+      "md": "var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium, 1.5rem))",
+      "lg": "var(--cnvs-sys-line-height-body-lg, var(--cnvs-sys-line-height-body-large, 1.75rem))"
+    },
+    "heading": {
+      "sm": "var(--cnvs-sys-line-height-heading-sm, var(--cnvs-sys-line-height-heading-small, 2rem))",
+      "md": "var(--cnvs-sys-line-height-heading-md, var(--cnvs-sys-line-height-heading-medium, 2.25rem))",
+      "lg": "var(--cnvs-sys-line-height-heading-lg, var(--cnvs-sys-line-height-heading-large, 2.5rem))"
+    },
+    "title": {
+      "sm": "var(--cnvs-sys-line-height-title-sm, var(--cnvs-sys-line-height-title-small, 3rem))",
+      "md": "var(--cnvs-sys-line-height-title-md, var(--cnvs-sys-line-height-title-medium, 3.5rem))",
+      "lg": "var(--cnvs-sys-line-height-title-lg, var(--cnvs-sys-line-height-title-large, 4rem))"
+    }
+  },
+  "type": {
+    "subtext": {
+      "sm": {
+        "fontFamily": "var(--cnvs-sys-font-family-default)",
+        "fontWeight": "var(--cnvs-sys-font-weight-normal)",
+        "lineHeight": "var(--cnvs-sys-line-height-subtext-sm, var(--cnvs-sys-line-height-subtext-small))",
+        "fontSize": "var(--cnvs-sys-font-size-subtext-sm, var(--cnvs-sys-font-size-subtext-small))",
+        "letterSpacing": "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-base-letter-spacing-50))"
+      },
+      "md": {
+        "fontFamily": "var(--cnvs-sys-font-family-default)",
+        "fontWeight": "var(--cnvs-sys-font-weight-normal)",
+        "lineHeight": "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium))",
+        "fontSize": "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium))",
+        "letterSpacing": "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100))"
+      },
+      "lg": {
+        "fontFamily": "var(--cnvs-sys-font-family-default)",
+        "fontWeight": "var(--cnvs-sys-font-weight-normal)",
+        "lineHeight": "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large))",
+        "fontSize": "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large))",
+        "letterSpacing": "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150))"
+      }
+    },
+    "body": {
+      "sm": {
+        "fontFamily": "var(--cnvs-sys-font-family-default)",
+        "fontWeight": "var(--cnvs-sys-font-weight-normal)",
+        "lineHeight": "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small))",
+        "fontSize": "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small))",
+        "letterSpacing": "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200))"
+      }
+    }
+  },
+  "color": {
+    "bg": {
+      "alt": {
+        "default": "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))"
+      }
+    },
+    "fg": {
+      "muted": {
+        "default": "var(--cnvs-sys-color-fg-muted-default, oklch(0.1704 0.05 251.35 / 0.6353))",
+        "strong": "var(--cnvs-sys-color-fg-muted-strong, oklch(0.1549 0.0434 249.61 / 0.7098))"
+      },
+      "info": {
+        "default": "var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-fg-primary-default, oklch(0.5198 0.1782 256.11 / 1)))",
+        "strong": "var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-fg-primary-strong, oklch(0.4658 0.1562 255.5 / 1)))"
+      },
+      "default": "var(--cnvs-sys-color-fg-default, oklch(0 0 0 / 0.8039))",
+      "strong": "var(--cnvs-sys-color-fg-strong, oklch(0 0 0 / 0.8706))",
+      "stronger": "var(--cnvs-sys-color-fg-stronger, oklch(0 0 0 / 0.8902))",
+      "disabled": "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))",
+      "danger": {
+        "default": "var(--cnvs-sys-color-fg-danger-default, var(--cnvs-sys-color-fg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))",
+        "strong": "var(--cnvs-sys-color-fg-danger-strong, var(--cnvs-sys-color-fg-critical-strong, oklch(0.4517 0.1847 28.2 / 1)))"
+      },
+      "warning": {
+        "default": "var(--cnvs-sys-color-fg-warning-default, oklch(0.5505 0.1439 50.78 / 1))",
+        "strong": "var(--cnvs-sys-color-fg-warning-strong, oklch(0.4824 0.1353 46.11 / 1))"
+      },
+      "success": {
+        "default": "var(--cnvs-sys-color-fg-success-default, oklch(0.5069 0.1569 145.56 / 1))",
+        "strong": "var(--cnvs-sys-color-fg-success-strong, oklch(0.4463 0.1422 144.58 / 1))"
+      },
+      "contrast": {
+        "default": "var(--cnvs-sys-color-fg-contrast-default, oklch(0 0 0 / 0.8706))",
+        "strong": "var(--cnvs-sys-color-fg-contrast-strong, oklch(0 0 0 / 0.8902))"
+      }
+    },
+    "border": {
+      "ai": "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))",
+      "input": {
+        "default": "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))",
+        "hover": "var(--cnvs-sys-color-border-input-hover, var(--cnvs-sys-color-border-input-strong, oklch(0 0 0 / 0.6784)))"
+      },
+      "contrast": {
+        "default": "var(--cnvs-sys-color-border-contrast-default, oklch(0 0 0 / 0.8706))"
+      },
+      "default": "var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0 0 0 / 0.0745)))",
+      "strong": "var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0 0 0 / 0.1686)))",
+      "info": {
+        "default": "var(--cnvs-sys-color-border-info-default, var(--cnvs-sys-color-border-primary-default, oklch(0.6023 0.2032 255.68 / 1)))"
+      },
+      "danger": "var(--cnvs-sys-color-border-danger, var(--cnvs-sys-color-border-critical-default, oklch(0.6495 0.2369 30.04 / 1)))",
+      "warning": "var(--cnvs-sys-color-border-warning, var(--cnvs-sys-color-border-caution-default, oklch(0.6601 0.1537 60.7 / 1)))",
+      "inverse": {
+        "default": "var(--cnvs-sys-color-border-inverse-default, var(--cnvs-sys-color-border-inverse, oklch(1 0 0 / 1)))",
+        "strong": "var(--cnvs-sys-color-border-inverse-strong, oklch(1 0 89.88 / 0.788))"
+      }
+    },
+    "shadow": {
+      "base": "var(--cnvs-sys-color-shadow-base, oklch(0.2751 0.1026 258.16 / 0.1922))",
+      "ambient": "var(--cnvs-sys-color-shadow-ambient, oklch(0.3039 0.0952 253.5 / 0.0863))"
+    },
+    "surface": {
+      "default": "var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
+      "navigation": "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))",
+      "popover": "var(--cnvs-sys-color-surface-popover, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
+      "modal": "var(--cnvs-sys-color-surface-modal, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
+      "raised": "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))",
+      "alt": {
+        "default": "var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0 0 0 / 0.0392)))",
+        "strong": "var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0 0 0 / 0.0745)))"
+      },
+      "loading": "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))",
+      "info": {
+        "default": "var(--cnvs-sys-color-surface-info-default, var(--cnvs-sys-color-bg-info-softest, oklch(0.6141 0.2114 256.22 / 0.0706)))",
+        "strong": "var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer, oklch(0.6141 0.2114 256.22 / 0.1098)))"
+      },
+      "danger": {
+        "default": "var(--cnvs-sys-color-surface-danger-default, oklch(0.6329 0.253 30.1 / 0.0431))",
+        "strong": "var(--cnvs-sys-color-surface-danger-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
+      },
+      "warning": {
+        "default": "var(--cnvs-sys-color-surface-warning-default, var(--cnvs-sys-color-static-amber-softest, oklch(0.7792 0.1592 90.57 / 0.0902)))",
+        "strong": "var(--cnvs-sys-color-surface-warning-strong, var(--cnvs-sys-color-static-amber-stronger, oklch(0.8854 0.1841 100.16 / 0.2196)))"
+      },
+      "success": {
+        "default": "var(--cnvs-sys-color-surface-success-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
+        "strong": "var(--cnvs-sys-color-surface-success-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
+      },
+      "ai": {
+        "default": "var(--cnvs-sys-color-surface-ai-default, var(--cnvs-sys-color-bg-ai-default, oklch(0.6077 0.215 256.92 / 0.1608)))",
+        "hover": "var(--cnvs-sys-color-surface-ai-hover, var(--cnvs-sys-color-bg-ai-strong, oklch(0.6048 0.2166 257.21 / 0.31)))",
+        "pressed": "var(--cnvs-sys-color-surface-ai-pressed, var(--cnvs-sys-color-bg-ai-stronger, oklch(0.708 0.1549 255.41 / 1)))"
+      },
+      "transparent": "var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)))",
+      "inverse": "var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)))",
+      "contrast": {
+        "default": "var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-contrast-default, oklch(0 0 0 / 0.8706)))",
+        "strong": "var(--cnvs-sys-color-surface-contrast-strong, var(--cnvs-sys-color-bg-contrast-strong, oklch(0 0 0 / 0.8902)))"
+      },
+      "overlay": {
+        "hover": {
+          "default": "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0 0 0 / 0.0392))",
+          "inverse": "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.1841))"
+        },
+        "mixin": "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 1))",
+        "pressed": {
+          "default": "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0 0 0 / 0.0745))",
+          "inverse": "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.25))"
+        },
+        "scrim": "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0 0 0 / 0.3529))"
+      },
+      "text": {
+        "highlight": "var(--cnvs-sys-color-surface-text-highlight, oklch(0.4602 0.3077 264.17 / 0.2314))"
+      }
+    },
+    "accent": {
+      "ai": "var(--cnvs-sys-color-accent-ai, var(--cnvs-sys-color-bg-ai-stronger, oklch(0.2452 0.0752 254.55 / 1)))",
+      "info": "var(--cnvs-sys-color-accent-info, var(--cnvs-sys-color-bg-info-default, oklch(0.5198 0.1782 256.11 / 1)))",
+      "danger": "var(--cnvs-sys-color-accent-danger, var(--cnvs-sys-color-bg-critical-default, oklch(0.5342 0.2172 29.53 / 1)))",
+      "warning": "var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1))",
+      "success": "var(--cnvs-sys-color-accent-success, var(--cnvs-sys-color-bg-positive-default, oklch(0.5069 0.1569 145.56 / 1)))",
+      "contrast": "var(--cnvs-sys-color-accent-contrast, oklch(0 0 0 / 0.8706))",
+      "muted": {
+        "default": "var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0 0 / 1)))",
+        "soft": "var(--cnvs-sys-color-accent-muted-soft, var(--cnvs-sys-color-bg-muted-softer, oklch(0.7219 0 89.88 / 1)))"
+      },
+      "overlay": {
+        "hover": "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.045))",
+        "pressed": "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.118))",
+        "mixin": "var(--cnvs-sys-color-accent-overlay-mixin, oklch(1 0 0 / 1))"
+      }
+    },
+    "brand": {
+      "focus": {
+        "primary": "var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)))",
+        "critical": "var(--cnvs-sys-color-brand-focus-critical, var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1)))",
+        "caution": {
+          "outer": "var(--cnvs-sys-color-brand-focus-caution-outer, var(--cnvs-brand-common-alert-outer, oklch(0.6601 0.1537 60.7 / 1)))",
+          "inner": "var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)))"
+        }
+      },
+      "surface": {
+        "primary": {
+          "default": "var(--cnvs-sys-color-brand-surface-primary-default, oklch(0.6141 0.2114 256.22 / 0.0706))",
+          "strong": "var(--cnvs-sys-color-brand-surface-primary-strong, oklch(0.6141 0.2114 256.22 / 0.1098))"
+        },
+        "critical": {
+          "default": "var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6329 0.253 30.1 / 0.0431))",
+          "strong": "var(--cnvs-sys-color-brand-surface-critical-strong, oklch(0.6326 0.2533 30.04 / 0.0902))"
+        },
+        "caution": {
+          "default": "var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7792 0.1592 90.57 / 0.0902))",
+          "strong": "var(--cnvs-sys-color-brand-surface-caution-strong, oklch(0.8854 0.1841 100.16 / 0.2196))"
+        },
+        "positive": {
+          "default": "var(--cnvs-sys-color-brand-surface-positive-default, oklch(0.8669 0.2908 142.93 / 0.0706))",
+          "strong": "var(--cnvs-sys-color-brand-surface-positive-strong, oklch(0.8673 0.2872 143.33 / 0.1451))"
+        },
+        "selected": "var(--cnvs-sys-color-brand-surface-selected, oklch(0 0 0 / 0.0745))"
+      },
+      "accent": {
+        "primary": "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))",
+        "critical": "var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
+        "caution": "var(--cnvs-sys-color-brand-accent-caution, oklch(0.7909 0.1711 70.15 / 1))",
+        "positive": "var(--cnvs-sys-color-brand-accent-positive, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
+        "action": "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))"
+      },
+      "fg": {
+        "primary": {
+          "default": "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))",
+          "strong": "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))"
+        },
+        "critical": {
+          "default": "var(--cnvs-sys-color-brand-fg-critical-default, var(--cnvs-brand-error-base, oklch(0.5342 0.2172 29.53 / 1)))",
+          "strong": "var(--cnvs-sys-color-brand-fg-critical-strong, var(--cnvs-brand-error-dark, oklch(0.4517 0.1847 28.2 / 1)))"
+        },
+        "caution": {
+          "default": "var(--cnvs-sys-color-brand-fg-caution-default, var(--cnvs-brand-alert-darkest, oklch(0.5505 0.1439 50.78 / 1)))",
+          "strong": "var(--cnvs-sys-color-brand-fg-caution-strong, oklch(0.4824 0.1353 46.11 / 1))"
+        },
+        "positive": {
+          "default": "var(--cnvs-sys-color-brand-fg-positive-default, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)))",
+          "strong": "var(--cnvs-sys-color-brand-fg-positive-strong, var(--cnvs-brand-success-dark, oklch(0.4463 0.1422 144.58 / 1)))"
+        },
+        "selected": "var(--cnvs-sys-color-brand-fg-selected, oklch(0 0 0 / 0.8706))",
+        "link": {
+          "default": "var(--cnvs-sys-color-brand-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))",
+          "hover": "var(--cnvs-sys-color-brand-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))"
+        }
+      },
+      "border": {
+        "primary": "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))",
+        "critical": "var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1))",
+        "caution": "var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)))"
+      }
+    },
+    "focus": {
+      "inverse": "var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1)))",
+      "contrast": "var(--cnvs-sys-color-focus-contrast, oklch(0 0 0 / 0.8706))"
+    },
+    "chart": {
+      "diverging": {
+        "azure": {
+          "coral": {
+            "1": "var(--cnvs-sys-color-chart-diverging-azure-coral-1, oklch(0.326 0.07 235.91 / 1))",
+            "2": "var(--cnvs-sys-color-chart-diverging-azure-coral-2, oklch(0.3912 0.0855 237.05 / 1))",
+            "3": "var(--cnvs-sys-color-chart-diverging-azure-coral-3, oklch(0.4618 0.1098 242.11 / 1))",
+            "4": "var(--cnvs-sys-color-chart-diverging-azure-coral-4, oklch(0.5174 0.1257 243.24 / 1))",
+            "5": "var(--cnvs-sys-color-chart-diverging-azure-coral-5, oklch(0.6555 0.1553 244.48 / 1))",
+            "6": "var(--cnvs-sys-color-chart-diverging-azure-coral-6, oklch(0.7283 0.1377 242.63 / 1))",
+            "7": "var(--cnvs-sys-color-chart-diverging-azure-coral-7, oklch(0.7991 0.107 239.24 / 1))",
+            "8": "var(--cnvs-sys-color-chart-diverging-azure-coral-8, oklch(0.8594 0.0867 230.07 / 1))",
+            "9": "var(--cnvs-sys-color-chart-diverging-azure-coral-9, oklch(0.9321 0.0425 227.25 / 1))",
+            "10": "var(--cnvs-sys-color-chart-diverging-azure-coral-10, oklch(0.9549 0.0295 223.86 / 1))",
+            "11": "var(--cnvs-sys-color-chart-diverging-azure-coral-11, oklch(0.981 0.0131 220.96 / 1))",
+            "12": "var(--cnvs-sys-color-chart-diverging-azure-coral-12, oklch(1 0 0 / 1))",
+            "13": "var(--cnvs-sys-color-chart-diverging-azure-coral-13, oklch(0.9837 0.0085 44.54 / 1))",
+            "14": "var(--cnvs-sys-color-chart-diverging-azure-coral-14, oklch(0.9659 0.0171 35.14 / 1))",
+            "15": "var(--cnvs-sys-color-chart-diverging-azure-coral-15, oklch(0.9344 0.0339 35.8 / 1))",
+            "16": "var(--cnvs-sys-color-chart-diverging-azure-coral-16, oklch(0.8476 0.0856 37.59 / 1))",
+            "17": "var(--cnvs-sys-color-chart-diverging-azure-coral-17, oklch(0.7671 0.1418 38.37 / 1))",
+            "18": "var(--cnvs-sys-color-chart-diverging-azure-coral-18, oklch(0.7279 0.1703 38.58 / 1))",
+            "19": "var(--cnvs-sys-color-chart-diverging-azure-coral-19, oklch(0.6779 0.2096 40.36 / 1))",
+            "20": "var(--cnvs-sys-color-chart-diverging-azure-coral-20, oklch(0.5394 0.1828 36.43 / 1))",
+            "21": "var(--cnvs-sys-color-chart-diverging-azure-coral-21, oklch(0.4616 0.1629 34.74 / 1))",
+            "22": "var(--cnvs-sys-color-chart-diverging-azure-coral-22, oklch(0.393 0.143 33.49 / 1))",
+            "23": "var(--cnvs-sys-color-chart-diverging-azure-coral-23, oklch(0.3043 0.1137 32.49 / 1))"
+          }
+        }
+      },
+      "categorical": {
+        "1": "var(--cnvs-sys-color-chart-categorical-1, oklch(0.6385 0.1093 205.92 / 1))",
+        "2": "var(--cnvs-sys-color-chart-categorical-2, oklch(0.3908 0.128 256 / 1))",
+        "3": "var(--cnvs-sys-color-chart-categorical-3, oklch(0.6617 0.1893 44.93 / 1))",
+        "4": "var(--cnvs-sys-color-chart-categorical-4, oklch(0.6555 0.1553 244.48 / 1))",
+        "5": "var(--cnvs-sys-color-chart-categorical-5, oklch(0.534 0.183 344.19 / 1))",
+        "6": "var(--cnvs-sys-color-chart-categorical-6, oklch(0.5069 0.1569 145.56 / 1))",
+        "7": "var(--cnvs-sys-color-chart-categorical-7, oklch(0.628 0.1681 312.69 / 1))",
+        "8": "var(--cnvs-sys-color-chart-categorical-8, oklch(0.6601 0.1537 60.7 / 1))",
+        "9": "var(--cnvs-sys-color-chart-categorical-9, oklch(0.4634 0.0796 207.82 / 1))",
+        "10": "var(--cnvs-sys-color-chart-categorical-10, oklch(0.5289 0.2241 281.65 / 1))",
+        "11": "var(--cnvs-sys-color-chart-categorical-11, oklch(0.4689 0.1456 40.5 / 1))",
+        "12": "var(--cnvs-sys-color-chart-categorical-12, oklch(0.4618 0.1098 242.11 / 1))",
+        "13": "var(--cnvs-sys-color-chart-categorical-13, oklch(0.476 0.156 313.2 / 1))",
+        "14": "var(--cnvs-sys-color-chart-categorical-14, oklch(0.5394 0.1828 36.43 / 1))",
+        "15": "var(--cnvs-sys-color-chart-categorical-15, oklch(0.3955 0.1156 147.66 / 1))",
+        "16": "var(--cnvs-sys-color-chart-categorical-16, oklch(0.4824 0.1353 46.11 / 1))"
+      },
+      "sequential": {
+        "1": "var(--cnvs-sys-color-chart-sequential-1, oklch(0.9827 0.021 200.66 / 1))",
+        "2": "var(--cnvs-sys-color-chart-sequential-2, oklch(0.9575 0.0424 203.83 / 1))",
+        "3": "var(--cnvs-sys-color-chart-sequential-3, oklch(0.935 0.046 205.09 / 1))",
+        "4": "var(--cnvs-sys-color-chart-sequential-4, oklch(0.8766 0.0677 204.24 / 1))",
+        "5": "var(--cnvs-sys-color-chart-sequential-5, oklch(0.7836 0.0874 204.93 / 1))",
+        "6": "var(--cnvs-sys-color-chart-sequential-6, oklch(0.7154 0.1006 206.05 / 1))",
+        "7": "var(--cnvs-sys-color-chart-sequential-7, oklch(0.6385 0.1093 205.92 / 1))",
+        "8": "var(--cnvs-sys-color-chart-sequential-8, oklch(0.5141 0.0882 207.28 / 1))",
+        "9": "var(--cnvs-sys-color-chart-sequential-9, oklch(0.4634 0.0796 207.82 / 1))",
+        "10": "var(--cnvs-sys-color-chart-sequential-10, oklch(0.3982 0.0687 209.08 / 1))",
+        "11": "var(--cnvs-sys-color-chart-sequential-11, oklch(0.3052 0.0529 210.69 / 1))"
+      }
+    }
+  },
+  "opacity": {
+    "surface": {
+      "hover": "var(--cnvs-sys-opacity-surface-hover, 0.08)",
+      "pressed": "var(--cnvs-sys-opacity-surface-pressed, 0.18)"
+    },
+    "accent": {
+      "hover": "var(--cnvs-sys-opacity-accent-hover, 0.045)",
+      "pressed": "var(--cnvs-sys-opacity-accent-pressed, 0.118)"
+    }
+  },
+  "size": {
+    "xxxs": "var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem))",
+    "xxs": "var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x5, 1.25rem))",
+    "xs": "var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem))",
+    "sm": "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem))",
+    "md": "var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem))",
+    "lg": "var(--cnvs-sys-size-lg, 3rem)",
+    "xl": "var(--cnvs-sys-size-xl, var(--cnvs-sys-space-x14, 3.5rem))",
+    "xxl": "var(--cnvs-sys-size-xxl, var(--cnvs-sys-space-x16, 4rem))"
+  },
+  "padding": {
+    "none": "var(--cnvs-sys-padding-none, var(--cnvs-sys-space-zero, 0))",
+    "xxs": "var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem))",
+    "xs": "var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem))",
+    "sm": "var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem))",
+    "md": "var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem))",
+    "lg": "var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem))",
+    "xl": "var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem))",
+    "xxl": "var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem))"
+  },
+  "gap": {
+    "none": "var(--cnvs-sys-gap-none, var(--cnvs-sys-space-zero, 0))",
+    "xs": "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem))",
+    "sm": "var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem))",
+    "md": "var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem))",
+    "lg": "var(--cnvs-sys-gap-lg, var(--cnvs-sys-space-x6, 1.5rem))",
+    "xl": "var(--cnvs-sys-gap-xl, var(--cnvs-sys-space-x8, 2rem))",
+    "xxl": "var(--cnvs-sys-gap-xxl, var(--cnvs-sys-space-x16, 4rem))"
+  },
+  "fontFamily": {
+    "fallback": "var(--cnvs-sys-font-family-fallback, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Roboto, Inter, system-ui, Avenir, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif)"
+  },
+  "letterSpacing": {
+    "subtext": {
+      "sm": "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small))",
+      "md": "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium))",
+      "lg": "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large))"
+    },
+    "body": {
+      "sm": "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small))"
+    }
+  }
+};