@workday/canvas-tokens-web 4.1.1 → 4.1.3

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Feb 2026 19:58:49 GMT
+ * Generated on Wed, 25 Feb 2026 21:44:05 GMT
  */
 
 export declare const breakpoints: {
@@ -166,7 +166,7 @@ export declare const shape: {
    * 
    * **CSS Var**: `--cnvs-sys-shape-sm`
    * 
-   * Components presenting info text, user input, user feedback. Inputs, Toasts, Snack bars, Tooltips, Error Alert Banner
+   * Pill, Status Indicator, Checkbox
    */
   "sm": "--cnvs-sys-shape-sm",
   /**
@@ -174,7 +174,7 @@ export declare const shape: {
    * 
    * **CSS Var**: `--cnvs-sys-shape-md`
    * 
-   * Core large containers, card containers and popups that house moderate amounts of content and/or data: Card, Menus
+   * Inputs, Toast, Tooltip, Snackbar
    */
   "md": "--cnvs-sys-shape-md",
   /**
@@ -182,7 +182,7 @@ export declare const shape: {
    * 
    * **CSS Var**: `--cnvs-sys-shape-lg`
    * 
-   * Primarily used for elevated and simple parent containers with greater amounts of content and UI. Dialogs, Modals, Bottom Sheets
+   * Rich text editor
    */
   "lg": "--cnvs-sys-shape-lg",
   /**
@@ -1454,7 +1454,7 @@ export declare const color: {
   "bg": {
     "primary": {
       /**
-       * **value**: `{sys.color.brand.surface.primary.default}`
+       * **value**: `{base.palette.blue.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-softest`
        * 
@@ -1464,7 +1464,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-primary-softest",
       /**
-       * **value**: `{sys.color.brand.surface.primary.strong}`
+       * **value**: `{base.palette.blue.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-softer`
        * 
@@ -1474,7 +1474,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-primary-softer",
       /**
-       * **value**: `{base.palette.blue.A100}`
+       * **value**: `{base.palette.blue.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-soft`
        * 
@@ -1484,7 +1484,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-primary-soft",
       /**
-       * **value**: `{sys.color.brand.accent.primary}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-default`
        * 
@@ -1494,7 +1494,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-primary-default",
       /**
-       * **value**: `{sys.color.brand.accent.primary}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-strong`
        * 
@@ -1504,7 +1504,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-primary-strong",
       /**
-       * **value**: `{sys.color.brand.accent.primary}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-primary-stronger`
        * 
@@ -1516,7 +1516,7 @@ export declare const color: {
     },
     "transparent": {
       /**
-       * **value**: `{sys.color.surface.transparent}`
+       * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.0})`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-transparent-default`
        * 
@@ -1526,28 +1526,28 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-transparent-default",
       /**
-       * **value**: `{sys.color.surface.overlay.hover.default}`
+       * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.100})`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-transparent-strong`
        * 
        * Inverse Secondary Button Hover state
        * 
-       * @deprecated Use sys.color.surface.overlay.hover tokens instead
+       * @deprecated Use sys.color.surface.overlay.hover.default tokens instead
        */
       "strong": "--cnvs-sys-color-bg-transparent-strong",
       /**
-       * **value**: `{sys.color.surface.overlay.pressed.default}`
+       * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.250})`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-transparent-stronger`
        * 
        * Inverse Secondary Button Active state
        * 
-       * @deprecated Use sys.color.surface.overlay.pressed tokens instead
+       * @deprecated Use sys.color.surface.overlay.pressed.default tokens instead
        */
       "stronger": "--cnvs-sys-color-bg-transparent-stronger",
     },
     /**
-     * **value**: `{sys.color.surface.overlay.scrim}`
+     * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.400})`
      * 
      * **CSS Var**: `--cnvs-sys-color-bg-overlay`
      * 
@@ -1557,7 +1557,7 @@ export declare const color: {
      */
     "overlay": "--cnvs-sys-color-bg-overlay",
     /**
-     * **value**: `{sys.color.surface.contrast.default}`
+     * **value**: `oklch({base.palette.neutral.1000} / {base.opacity.500})`
      * 
      * **CSS Var**: `--cnvs-sys-color-bg-translucent`
      * 
@@ -1568,7 +1568,7 @@ export declare const color: {
     "translucent": "--cnvs-sys-color-bg-translucent",
     "alt": {
       /**
-       * **value**: `{sys.color.surface.raised}`
+       * **value**: `{base.palette.slate.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-alt-softer`
        * 
@@ -1578,7 +1578,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-alt-softer",
       /**
-       * **value**: `{base.palette.slate.A50}`
+       * **value**: `{base.palette.slate.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-alt-soft`
        * 
@@ -1598,7 +1598,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-alt-strong",
       /**
-       * **value**: `{base.palette.slate.A300}`
+       * **value**: `{base.palette.slate.300}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-alt-stronger`
        * 
@@ -1612,13 +1612,13 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-alt-default`
        * 
-       * The alternative page background
+       * Alternative page background for visual separation between page sections
        */
       "default": "--cnvs-sys-color-bg-alt-default",
     },
     "muted": {
       /**
-       * **value**: `{sys.color.accent.muted.soft}`
+       * **value**: `{base.palette.slate.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-muted-softer`
        * 
@@ -1626,7 +1626,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-muted-softer",
       /**
-       * **value**: `{base.palette.slate.A500}`
+       * **value**: `{base.palette.slate.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-muted-soft`
        * 
@@ -1634,7 +1634,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-muted-soft",
       /**
-       * **value**: `{sys.color.accent.muted.default}`
+       * **value**: `{base.palette.slate.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-muted-default`
        * 
@@ -1642,7 +1642,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-muted-default",
       /**
-       * **value**: `{sys.color.accent.muted.default}`
+       * **value**: `{base.palette.slate.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-muted-strong`
        * 
@@ -1652,7 +1652,7 @@ export declare const color: {
     },
     "contrast": {
       /**
-       * **value**: `{sys.color.surface.contrast.default}`
+       * **value**: `{base.palette.neutral.900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-contrast-default`
        * 
@@ -1662,7 +1662,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-contrast-default",
       /**
-       * **value**: `{sys.color.surface.contrast.strong}`
+       * **value**: `{base.palette.neutral.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-contrast-strong`
        * 
@@ -1684,7 +1684,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-positive-softest",
       /**
-       * **value**: `{sys.color.brand.surface.positive.strong}`
+       * **value**: `{base.palette.green.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-softer`
        * 
@@ -1694,7 +1694,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-positive-softer",
       /**
-       * **value**: `{base.palette.green.A100}`
+       * **value**: `{base.palette.green.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-soft`
        * 
@@ -1704,7 +1704,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-positive-soft",
       /**
-       * **value**: `{sys.color.brand.accent.positive}`
+       * **value**: `{base.palette.green.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-default`
        * 
@@ -1714,7 +1714,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-positive-default",
       /**
-       * **value**: `{sys.color.brand.accent.positive}`
+       * **value**: `{base.palette.green.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-strong`
        * 
@@ -1724,7 +1724,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-positive-strong",
       /**
-       * **value**: `{sys.color.brand.accent.positive}`
+       * **value**: `{base.palette.green.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-positive-stronger`
        * 
@@ -1736,7 +1736,7 @@ export declare const color: {
     },
     "caution": {
       /**
-       * **value**: `{sys.color.brand.surface.caution.default}`
+       * **value**: `{base.palette.amber.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-softest`
        * 
@@ -1746,7 +1746,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-caution-softest",
       /**
-       * **value**: `{sys.color.brand.surface.caution.strong}`
+       * **value**: `{base.palette.amber.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-softer`
        * 
@@ -1756,17 +1756,17 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-caution-softer",
       /**
-       * **value**: `{base.palette.amber.A100}`
+       * **value**: `{base.palette.amber.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-soft`
        * 
        * Softer warning background
        * 
-       * @deprecated Use sys.color.surface.warning tokens instead
+       * @deprecated Use sys.color.surface.warning.default tokens instead
        */
       "soft": "--cnvs-sys-color-bg-caution-soft",
       /**
-       * **value**: `{sys.color.brand.accent.caution}`
+       * **value**: `{base.palette.amber.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-default`
        * 
@@ -1776,7 +1776,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-caution-default",
       /**
-       * **value**: `{sys.color.brand.accent.caution}`
+       * **value**: `{base.palette.amber.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-strong`
        * 
@@ -1786,7 +1786,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-caution-strong",
       /**
-       * **value**: `{sys.color.brand.accent.caution}`
+       * **value**: `{base.palette.amber.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-caution-stronger`
        * 
@@ -1798,7 +1798,7 @@ export declare const color: {
     },
     "critical": {
       /**
-       * **value**: `{sys.color.brand.surface.critical.default}`
+       * **value**: `{base.palette.red.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-softest`
        * 
@@ -1808,7 +1808,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-critical-softest",
       /**
-       * **value**: `{sys.color.brand.surface.critical.strong}`
+       * **value**: `{base.palette.red.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-softer`
        * 
@@ -1818,17 +1818,17 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-critical-softer",
       /**
-       * **value**: `{base.palette.red.A100}`
+       * **value**: `{base.palette.red.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-soft`
        * 
        * Disabled error background
        * 
-       * @deprecated Use sys.color.surface.danger tokens instead
+       * @deprecated Use sys.color.surface.danger.default tokens instead
        */
       "soft": "--cnvs-sys-color-bg-critical-soft",
       /**
-       * **value**: `{sys.color.brand.accent.critical}`
+       * **value**: `{base.palette.red.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-default`
        * 
@@ -1838,7 +1838,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-critical-default",
       /**
-       * **value**: `{sys.color.brand.accent.critical}`
+       * **value**: `{base.palette.red.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-strong`
        * 
@@ -1848,7 +1848,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-critical-strong",
       /**
-       * **value**: `{sys.color.brand.accent.critical}`
+       * **value**: `{base.palette.red.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-critical-stronger`
        * 
@@ -1860,7 +1860,7 @@ export declare const color: {
     },
     "ai": {
       /**
-       * **value**: `{sys.color.surface.ai.default}`
+       * **value**: `{base.palette.blue.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-ai-default`
        * 
@@ -1870,7 +1870,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-bg-ai-default",
       /**
-       * **value**: `{sys.color.surface.ai.hover}`
+       * **value**: `{base.palette.blue.200}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-ai-strong`
        * 
@@ -1880,7 +1880,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-ai-strong",
       /**
-       * **value**: `{sys.color.surface.ai.pressed}`
+       * **value**: `{base.palette.blue.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-ai-stronger`
        * 
@@ -1890,7 +1890,7 @@ export declare const color: {
        */
       "stronger": "--cnvs-sys-color-bg-ai-stronger",
       /**
-       * **value**: `{sys.color.accent.ai}`
+       * **value**: `{base.palette.blue.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-ai-strongest`
        * 
@@ -1902,7 +1902,7 @@ export declare const color: {
     },
     "info": {
       /**
-       * **value**: `{sys.color.surface.info.default}`
+       * **value**: `{base.palette.blue.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-softest`
        * 
@@ -1912,7 +1912,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-bg-info-softest",
       /**
-       * **value**: `{sys.color.surface.info.strong}`
+       * **value**: `{base.palette.blue.50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-softer`
        * 
@@ -1922,7 +1922,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-bg-info-softer",
       /**
-       * **value**: `{base.palette.blue.A100}`
+       * **value**: `{base.palette.blue.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-soft`
        * 
@@ -1932,7 +1932,7 @@ export declare const color: {
        */
       "soft": "--cnvs-sys-color-bg-info-soft",
       /**
-       * **value**: `{sys.color.accent.info}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-default`
        * 
@@ -1952,7 +1952,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-bg-info-strong",
       /**
-       * **value**: `{sys.color.accent.info}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-bg-info-stronger`
        * 
@@ -1973,7 +1973,7 @@ export declare const color: {
   },
   "text": {
     /**
-     * **value**: `{sys.color.fg.default}`
+     * **value**: `{base.palette.neutral.800}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-default`
      * 
@@ -1983,7 +1983,7 @@ export declare const color: {
      */
     "default": "--cnvs-sys-color-text-default",
     /**
-     * **value**: `{sys.color.fg.strong}`
+     * **value**: `{base.palette.neutral.900}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-strong`
      * 
@@ -1993,7 +1993,7 @@ export declare const color: {
      */
     "strong": "--cnvs-sys-color-text-strong",
     /**
-     * **value**: `{sys.color.fg.strong}`
+     * **value**: `{base.palette.neutral.950}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-stronger`
      * 
@@ -2009,11 +2009,11 @@ export declare const color: {
      * 
      * Disabled text color
      * 
-     * @deprecated Use opacity.disabled instead
+     * @deprecated Use sys.opacity.disabled instead
      */
     "disabled": "--cnvs-sys-color-text-disabled",
     /**
-     * **value**: `{sys.color.fg.muted.default}`
+     * **value**: `{base.palette.slate.600}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-hint`
      * 
@@ -2023,7 +2023,7 @@ export declare const color: {
      */
     "hint": "--cnvs-sys-color-text-hint",
     /**
-     * **value**: `{sys.color.fg.inverse}`
+     * **value**: `{base.palette.neutral.0}`
      * 
      * **CSS Var**: `--cnvs-sys-color-text-inverse`
      * 
@@ -2034,7 +2034,7 @@ export declare const color: {
     "inverse": "--cnvs-sys-color-text-inverse",
     "critical": {
       /**
-       * **value**: `{sys.color.brand.fg.critical.default}`
+       * **value**: `{base.palette.red.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-critical-default`
        * 
@@ -2044,7 +2044,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-text-critical-default",
       /**
-       * **value**: `{sys.color.brand.fg.critical.strong}`
+       * **value**: `{base.palette.red.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-critical-strong`
        * 
@@ -2054,7 +2054,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-text-critical-strong",
       /**
-       * **value**: `{sys.color.brand.fg.critical.strong}`
+       * **value**: `{base.palette.red.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-critical-stronger`
        * 
@@ -2070,7 +2070,7 @@ export declare const color: {
        * 
        * Error text
        * 
-       * @deprecated Use sys.color.fg.danger instead
+       * @deprecated Use sys.color.fg.danger.default instead
        */
       "soft": "--cnvs-sys-color-text-critical-soft",
       /**
@@ -2080,13 +2080,13 @@ export declare const color: {
        * 
        * Error text
        * 
-       * @deprecated Use sys.color.fg.danger instead
+       * @deprecated Use sys.color.fg.danger.default instead
        */
       "softer": "--cnvs-sys-color-text-critical-softer",
     },
     "primary": {
       /**
-       * **value**: `{sys.color.brand.fg.primary.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-primary-default`
        * 
@@ -2096,7 +2096,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-text-primary-default",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-primary-strong`
        * 
@@ -2106,7 +2106,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-text-primary-strong",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-primary-stronger`
        * 
@@ -2122,7 +2122,7 @@ export declare const color: {
        * 
        * Active links
        * 
-       * @deprecated Use sys.color.fg.info instead
+       * @deprecated Use sys.color.fg.info.default instead
        */
       "soft": "--cnvs-sys-color-text-primary-soft",
       /**
@@ -2132,23 +2132,23 @@ export declare const color: {
        * 
        * Active links
        * 
-       * @deprecated Use sys.color.fg.info instead
+       * @deprecated Use sys.color.fg.info.default instead
        */
       "softer": "--cnvs-sys-color-text-primary-softer",
     },
     "caution": {
       /**
-       * **value**: `{sys.color.fg.contrast.default}`
+       * **value**: `{base.palette.amber.900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-caution-default`
        * 
        * Warning text
        * 
-       * @deprecated Use sys.color.fg.warning instead
+       * @deprecated Use sys.color.fg.warning.default instead
        */
       "default": "--cnvs-sys-color-text-caution-default",
       /**
-       * **value**: `{sys.color.fg.contrast.strong}`
+       * **value**: `{base.palette.amber.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-caution-strong`
        * 
@@ -2164,11 +2164,11 @@ export declare const color: {
        * 
        * Disabled warning text
        * 
-       * @deprecated Use sys.color.fg.warning instead
+       * @deprecated Use sys.color.fg.warning.default instead
        */
       "soft": "--cnvs-sys-color-text-caution-soft",
       /**
-       * **value**: `{sys.color.fg.contrast.strong}`
+       * **value**: `{base.palette.amber.975}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-caution-stronger`
        * 
@@ -2184,7 +2184,7 @@ export declare const color: {
        * 
        * Softer warning text
        * 
-       * @deprecated Use sys.color.fg.warning instead
+       * @deprecated Use sys.color.fg.warning.default instead
        */
       "softer": "--cnvs-sys-color-text-caution-softer",
     },
@@ -2198,7 +2198,7 @@ export declare const color: {
     "ai": "--cnvs-sys-color-text-ai",
     "positive": {
       /**
-       * **value**: `{sys.color.brand.fg.positive.default}`
+       * **value**: `{base.palette.green.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-positive-default`
        * 
@@ -2208,7 +2208,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-text-positive-default",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-positive-strong`
        * 
@@ -2218,7 +2218,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-text-positive-strong",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-positive-stronger`
        * 
@@ -2234,7 +2234,7 @@ export declare const color: {
        * 
        * Active links
        * 
-       * @deprecated Use sys.color.fg.success instead
+       * @deprecated Use sys.color.fg.success.default instead
        */
       "soft": "--cnvs-sys-color-text-positive-soft",
       /**
@@ -2244,13 +2244,13 @@ export declare const color: {
        * 
        * Active links
        * 
-       * @deprecated Use sys.color.fg.success instead
+       * @deprecated Use sys.color.fg.success.default instead
        */
       "softer": "--cnvs-sys-color-text-positive-softer",
     },
     "info": {
       /**
-       * **value**: `{sys.color.fg.info.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-info-default`
        * 
@@ -2260,7 +2260,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-text-info-default",
       /**
-       * **value**: `{sys.color.fg.info.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-info-strong`
        * 
@@ -2270,7 +2270,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-text-info-strong",
       /**
-       * **value**: `{sys.color.fg.info.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-text-info-stronger`
        * 
@@ -2296,14 +2296,14 @@ export declare const color: {
        * 
        * Active links
        * 
-       * @deprecated Use sys.color.fg.info instead
+       * @deprecated Use sys.color.fg.info.default instead
        */
       "softer": "--cnvs-sys-color-text-info-softer",
     },
   },
   "icon": {
     /**
-     * **value**: `{sys.color.fg.default}`
+     * **value**: `{base.palette.neutral.800}`
      * 
      * **CSS Var**: `--cnvs-sys-color-icon-default`
      * 
@@ -2313,7 +2313,7 @@ export declare const color: {
      */
     "default": "--cnvs-sys-color-icon-default",
     /**
-     * **value**: `{sys.color.fg.muted.default}`
+     * **value**: `{base.palette.slate.600}`
      * 
      * **CSS Var**: `--cnvs-sys-color-icon-soft`
      * 
@@ -2323,7 +2323,7 @@ export declare const color: {
      */
     "soft": "--cnvs-sys-color-icon-soft",
     /**
-     * **value**: `{sys.color.fg.muted.strong}`
+     * **value**: `{base.palette.neutral.900}`
      * 
      * **CSS Var**: `--cnvs-sys-color-icon-strong`
      * 
@@ -2344,7 +2344,7 @@ export declare const color: {
     "inverse": "--cnvs-sys-color-icon-inverse",
     "primary": {
       /**
-       * **value**: `{sys.color.brand.fg.primary.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-primary-default`
        * 
@@ -2354,7 +2354,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-primary-default",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-primary-strong`
        * 
@@ -2364,7 +2364,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-icon-primary-strong",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-primary-stronger`
        * 
@@ -2380,7 +2380,7 @@ export declare const color: {
        * 
        * Stronger brand icon color
        * 
-       * @deprecated Use sys.color.fg.info instead
+       * @deprecated Use sys.color.fg.info.default instead
        */
       "soft": "--cnvs-sys-color-icon-primary-soft",
       /**
@@ -2390,13 +2390,13 @@ export declare const color: {
        * 
        * Stronger brand icon color
        * 
-       * @deprecated Use sys.color.fg.info instead
+       * @deprecated Use sys.color.fg.info.default instead
        */
       "softer": "--cnvs-sys-color-icon-primary-softer",
     },
     "positive": {
       /**
-       * **value**: `{sys.color.brand.fg.positive.default}`
+       * **value**: `{base.palette.green.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-positive-default`
        * 
@@ -2406,7 +2406,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-positive-default",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-positive-strong`
        * 
@@ -2416,7 +2416,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-icon-positive-strong",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-positive-stronger`
        * 
@@ -2432,7 +2432,7 @@ export declare const color: {
        * 
        * Success icon color
        * 
-       * @deprecated Use sys.color.fg.success instead
+       * @deprecated Use sys.color.fg.success.default instead
        */
       "soft": "--cnvs-sys-color-icon-positive-soft",
       /**
@@ -2442,13 +2442,13 @@ export declare const color: {
        * 
        * Success icon color
        * 
-       * @deprecated Use sys.color.fg.success instead
+       * @deprecated Use sys.color.fg.success.default instead
        */
       "softer": "--cnvs-sys-color-icon-positive-softer",
     },
     "critical": {
       /**
-       * **value**: `{sys.color.brand.fg.critical.default}`
+       * **value**: `{base.palette.red.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-critical-default`
        * 
@@ -2458,13 +2458,13 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-critical-default",
       /**
-       * **value**: `{sys.color.brand.fg.critical.strong}`
+       * **value**: `{base.palette.red.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-critical-strong`
        * 
        * Error icon color
        * 
-       * @deprecated Use sys.color.fg.danger-strong instead
+       * @deprecated Use sys.color.fg.danger.strong instead
        */
       "strong": "--cnvs-sys-color-icon-critical-strong",
       /**
@@ -2484,7 +2484,7 @@ export declare const color: {
        * 
        * Error icon color
        * 
-       * @deprecated Use sys.color.fg.danger instead
+       * @deprecated Use sys.color.fg.danger.default instead
        */
       "soft": "--cnvs-sys-color-icon-critical-soft",
       /**
@@ -2494,13 +2494,13 @@ export declare const color: {
        * 
        * Error icon color
        * 
-       * @deprecated Use sys.color.fg.danger instead
+       * @deprecated Use sys.color.fg.danger.default instead
        */
       "softer": "--cnvs-sys-color-icon-critical-softer",
     },
     "caution": {
       /**
-       * **value**: `{sys.color.fg.contrast.default}`
+       * **value**: `{base.palette.amber.900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-caution-default`
        * 
@@ -2510,7 +2510,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-caution-default",
       /**
-       * **value**: `{sys.color.brand.fg.caution.default}`
+       * **value**: `{base.palette.amber.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-caution-strong`
        * 
@@ -2520,7 +2520,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-icon-caution-strong",
       /**
-       * **value**: `{sys.color.brand.fg.caution.strong}`
+       * **value**: `{base.palette.amber.975}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-caution-stronger`
        * 
@@ -2530,13 +2530,13 @@ export declare const color: {
        */
       "stronger": "--cnvs-sys-color-icon-caution-stronger",
       /**
-       * **value**: `{sys.color.brand.fg.caution.default}`
+       * **value**: `{base.palette.amber.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-caution-soft`
        * 
        * Soft caution icon color
        * 
-       * @deprecated Use sys.color.fg.warning instead
+       * @deprecated Use sys.color.fg.warning.default instead
        */
       "soft": "--cnvs-sys-color-icon-caution-soft",
       /**
@@ -2546,7 +2546,7 @@ export declare const color: {
        * 
        * Softer caution icon color
        * 
-       * @deprecated Use sys.color.fg.warning instead
+       * @deprecated Use sys.color.fg.warning.default instead
        */
       "softer": "--cnvs-sys-color-icon-caution-softer",
     },
@@ -2562,7 +2562,7 @@ export declare const color: {
     "disabled": "--cnvs-sys-color-icon-disabled",
     "info": {
       /**
-       * **value**: `{sys.color.fg.info.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-info-default`
        * 
@@ -2572,7 +2572,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-icon-info-default",
       /**
-       * **value**: `{sys.color.fg.info.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-icon-info-strong`
        * 
@@ -2596,7 +2596,7 @@ export declare const color: {
   "fg": {
     "critical": {
       /**
-       * **value**: `{sys.color.brand.fg.critical.default}`
+       * **value**: `{base.palette.red.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-critical-default`
        * 
@@ -2606,7 +2606,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-fg-critical-default",
       /**
-       * **value**: `{sys.color.brand.fg.critical.strong}`
+       * **value**: `{base.palette.red.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-critical-strong`
        * 
@@ -2622,7 +2622,7 @@ export declare const color: {
        * 
        * Error
        * 
-       * @deprecated Use sys.color.fg.danger tokens instead
+       * @deprecated Use sys.color.fg.danger.default tokens instead
        */
       "stronger": "--cnvs-sys-color-fg-critical-stronger",
       /**
@@ -2632,7 +2632,7 @@ export declare const color: {
        * 
        * Error
        * 
-       * @deprecated Use sys.color.fg.danger instead
+       * @deprecated Use sys.color.fg.danger.default instead
        */
       "soft": "--cnvs-sys-color-fg-critical-soft",
       /**
@@ -2642,13 +2642,13 @@ export declare const color: {
        * 
        * Error
        * 
-       * @deprecated Use sys.color.fg.danger instead
+       * @deprecated Use sys.color.fg.danger.default instead
        */
       "softer": "--cnvs-sys-color-fg-critical-softer",
     },
     "muted": {
       /**
-       * **value**: `{sys.color.fg.muted.strong}`
+       * **value**: `{base.palette.slate.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-muted-stronger`
        * 
@@ -2662,7 +2662,7 @@ export declare const color: {
        * 
        * Tab item foreground
        * 
-       * @deprecated Use sys.color.fg.muted instead
+       * @deprecated Use sys.color.fg.muted.default instead
        */
       "soft": "--cnvs-sys-color-fg-muted-soft",
       /**
@@ -2670,7 +2670,7 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-muted-default`
        * 
-       * Used for hint and placeholder text
+       * Secondary text for hints and placeholders
        */
       "default": "--cnvs-sys-color-fg-muted-default",
       /**
@@ -2678,13 +2678,13 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-muted-strong`
        * 
-       * Stronger color used for hint or placeholder text
+       * Stronger secondary text
        */
       "strong": "--cnvs-sys-color-fg-muted-strong",
     },
     "primary": {
       /**
-       * **value**: `{sys.color.brand.fg.primary.default}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-primary-default`
        * 
@@ -2698,7 +2698,7 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-primary-soft`
        * 
-       * @deprecated Use sys.color.fg.info or sys.color.brand.fg.primary instead
+       * @deprecated Use sys.color.fg.info.default or sys.color.brand.fg.primary.default instead
        */
       "soft": "--cnvs-sys-color-fg-primary-soft",
       /**
@@ -2708,21 +2708,21 @@ export declare const color: {
        * 
        * Link Inverse, Disabled
        * 
-       * @deprecated Use sys.color.fg.info or sys.color.brand.fg.primary instead
+       * @deprecated Use sys.color.fg.info.default or sys.color.brand.fg.primary.default instead
        */
       "softer": "--cnvs-sys-color-fg-primary-softer",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-primary-stronger`
        * 
        * Links on hover
        * 
-       * @deprecated Use sys.color.brand.fg.primary.strong  instead
+       * @deprecated Use sys.color.brand.fg.primary.strong instead
        */
       "stronger": "--cnvs-sys-color-fg-primary-stronger",
       /**
-       * **value**: `{sys.color.brand.fg.primary.strong}`
+       * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-primary-strong`
        * 
@@ -2734,7 +2734,7 @@ export declare const color: {
     },
     "caution": {
       /**
-       * **value**: `{sys.color.brand.fg.caution.default}`
+       * **value**: `{base.palette.amber.900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-caution-default`
        * 
@@ -2744,7 +2744,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-fg-caution-default",
       /**
-       * **value**: `{sys.color.fg.contrast.default}`
+       * **value**: `{base.palette.amber.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-caution-strong`
        * 
@@ -2760,7 +2760,7 @@ export declare const color: {
        * 
        * Warning
        * 
-       * @deprecated Use sys.color.fg.warning instead
+       * @deprecated Use sys.color.fg.warning.default instead
        */
       "soft": "--cnvs-sys-color-fg-caution-soft",
       /**
@@ -2770,7 +2770,7 @@ export declare const color: {
        * 
        * Warning on hover
        * 
-       * @deprecated Use sys.color.fg.warning-strong instead
+       * @deprecated Use sys.color.fg.warning.strong instead
        */
       "stronger": "--cnvs-sys-color-fg-caution-stronger",
       /**
@@ -2780,13 +2780,13 @@ export declare const color: {
        * 
        * Warning
        * 
-       * @deprecated Use sys.color.fg.warning instead
+       * @deprecated Use sys.color.fg.warning.default instead
        */
       "softer": "--cnvs-sys-color-fg-caution-softer",
     },
     "info": {
       /**
-       * **value**: `{sys.color.fg.ai}`
+       * **value**: `{base.palette.blue.200}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-info-softer`
        * 
@@ -2800,11 +2800,11 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-info-soft`
        * 
-       * @deprecated Use sys.color.fg.info instead
+       * @deprecated Use sys.color.fg.info.default instead
        */
       "soft": "--cnvs-sys-color-fg-info-soft",
       /**
-       * **value**: `{sys.color.fg.info.strong}`
+       * **value**: `{base.palette.blue.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-info-stronger`
        * 
@@ -2817,18 +2817,22 @@ export declare const color: {
        * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-info-default`
+       * 
+       * Informational text and icons (not tenant themeable)
        */
       "default": "--cnvs-sys-color-fg-info-default",
       /**
        * **value**: `{base.palette.blue.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-info-strong`
+       * 
+       * Stronger informational text and icons
        */
       "strong": "--cnvs-sys-color-fg-info-strong",
     },
     "positive": {
       /**
-       * **value**: `{sys.color.fg.success.default}`
+       * **value**: `{base.palette.green.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-positive-default`
        * 
@@ -2838,13 +2842,13 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-fg-positive-default",
       /**
-       * **value**: `{base.palette.green.50}`
+       * **value**: `{base.palette.green.200}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-positive-softer`
        * 
        * Error
        * 
-       * @deprecated Use sys.color.fg.success instead
+       * @deprecated Use sys.color.fg.success.default instead
        */
       "softer": "--cnvs-sys-color-fg-positive-softer",
       /**
@@ -2854,11 +2858,11 @@ export declare const color: {
        * 
        * Error
        * 
-       * @deprecated Use sys.color.fg.success instead
+       * @deprecated Use sys.color.fg.success.default instead
        */
       "soft": "--cnvs-sys-color-fg-positive-soft",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-positive-strong`
        * 
@@ -2868,7 +2872,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-fg-positive-strong",
       /**
-       * **value**: `{sys.color.brand.fg.positive.strong}`
+       * **value**: `{base.palette.green.800}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-positive-stronger`
        * 
@@ -2883,7 +2887,7 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-fg-default`
      * 
-     * Default color used on text and icons
+     * Default body text and icons
      */
     "default": "--cnvs-sys-color-fg-default",
     /**
@@ -2891,7 +2895,7 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-fg-strong`
      * 
-     * Used on headings and strong text and icons
+     * Stronger text for headings and labels
      */
     "strong": "--cnvs-sys-color-fg-strong",
     /**
@@ -2899,7 +2903,7 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-fg-stronger`
      * 
-     * Used on titles and stronger text and headings
+     * Strongest text for titles
      */
     "stronger": "--cnvs-sys-color-fg-stronger",
     /**
@@ -2907,7 +2911,7 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-fg-disabled`
      * 
-     * Indicates disabled text or icons
+     * Disabled state text and icons
      */
     "disabled": "--cnvs-sys-color-fg-disabled",
     /**
@@ -2915,7 +2919,7 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-fg-inverse`
      * 
-     * Used for text and icons on dark backgrounds
+     * Text and icons for use on dark backgrounds
      */
     "inverse": "--cnvs-sys-color-fg-inverse",
     "danger": {
@@ -2924,7 +2928,7 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-danger-default`
        * 
-       * Used on text or icons that indicate critical messaging, like an error.
+       * Error text and icons (not tenant themeable)
        */
       "default": "--cnvs-sys-color-fg-danger-default",
       /**
@@ -2932,7 +2936,7 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-danger-strong`
        * 
-       * Stronger color used on text or icons that indicate critical messaging, like an error.
+       * Stronger error text and icons
        */
       "strong": "--cnvs-sys-color-fg-danger-strong",
     },
@@ -2941,12 +2945,16 @@ export declare const color: {
        * **value**: `{base.palette.amber.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-warning-default`
+       * 
+       * Warning text and icons (not tenant themeable)
        */
       "default": "--cnvs-sys-color-fg-warning-default",
       /**
        * **value**: `{base.palette.amber.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-warning-strong`
+       * 
+       * Stronger warning text and icons
        */
       "strong": "--cnvs-sys-color-fg-warning-strong",
     },
@@ -2955,12 +2963,16 @@ export declare const color: {
        * **value**: `{base.palette.green.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-success-default`
+       * 
+       * Success text and icons (not tenant themeable)
        */
       "default": "--cnvs-sys-color-fg-success-default",
       /**
        * **value**: `{base.palette.green.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-success-strong`
+       * 
+       * Stronger success text and icons
        */
       "strong": "--cnvs-sys-color-fg-success-strong",
     },
@@ -2969,7 +2981,7 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-fg-ai`
      * 
-     * AI icons and text
+     * Text and icons indicating AI-generated content
      */
     "ai": "--cnvs-sys-color-fg-ai",
     "contrast": {
@@ -2977,12 +2989,16 @@ export declare const color: {
        * **value**: `{base.palette.neutral.A900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-contrast-default`
+       * 
+       * High contrast text for maximum readability
        */
       "default": "--cnvs-sys-color-fg-contrast-default",
       /**
        * **value**: `{base.palette.neutral.A950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-fg-contrast-strong`
+       * 
+       * Stronger high contrast text
        */
       "strong": "--cnvs-sys-color-fg-contrast-strong",
     },
@@ -3010,7 +3026,7 @@ export declare const color: {
        */
       "disabled": "--cnvs-sys-color-border-input-disabled",
       /**
-       * **value**: `{sys.color.border.input.hover}`
+       * **value**: `{base.palette.slate.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-input-strong`
        * 
@@ -3020,7 +3036,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-border-input-strong",
       /**
-       * **value**: `{sys.color.border.inverse.default}`
+       * **value**: `{base.palette.neutral.0}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-input-inverse`
        * 
@@ -3034,7 +3050,7 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-border-input-default`
        * 
-       * Inputs
+       * Default border for form inputs
        */
       "default": "--cnvs-sys-color-border-input-default",
       /**
@@ -3042,13 +3058,13 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-border-input-hover`
        * 
-       * Input hover
+       * Hover state border for form inputs
        */
       "hover": "--cnvs-sys-color-border-input-hover",
     },
     "contrast": {
       /**
-       * **value**: `{sys.color.border.contrast.default}`
+       * **value**: `{base.palette.neutral.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-contrast-strong`
        * 
@@ -3061,12 +3077,14 @@ export declare const color: {
        * **value**: `{base.palette.neutral.A900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-contrast-default`
+       * 
+       * High contrast border for maximum visibility
        */
       "default": "--cnvs-sys-color-border-contrast-default",
     },
     "critical": {
       /**
-       * **value**: `{sys.color.brand.border.critical}`
+       * **value**: `{base.palette.red.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-critical-default`
        * 
@@ -3078,7 +3096,7 @@ export declare const color: {
     },
     "caution": {
       /**
-       * **value**: `{sys.color.brand.focus.caution.inner}`
+       * **value**: `{base.palette.amber.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-caution-default`
        * 
@@ -3088,7 +3106,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-border-caution-default",
       /**
-       * **value**: `{sys.color.brand.focus.caution.outer}`
+       * **value**: `{base.palette.amber.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-caution-strong`
        * 
@@ -3099,7 +3117,7 @@ export declare const color: {
       "strong": "--cnvs-sys-color-border-caution-strong",
     },
     /**
-     * **value**: `{sys.color.border.default}`
+     * **value**: `{base.palette.slate.200}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-divider`
      * 
@@ -3110,7 +3128,7 @@ export declare const color: {
     "divider": "--cnvs-sys-color-border-divider",
     "primary": {
       /**
-       * **value**: `{sys.color.brand.border.primary}`
+       * **value**: `{base.palette.blue.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-primary-default`
        * 
@@ -3121,25 +3139,29 @@ export declare const color: {
       "default": "--cnvs-sys-color-border-primary-default",
     },
     /**
-     * **value**: `{sys.color.border.strong}`
+     * **value**: `{base.palette.slate.300}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-container`
      * 
      * Cards, Toasts, Surfaces
      * 
-     * @deprecated Use sys.color.border.strong or sys.color.border.strong instead
+     * @deprecated Use sys.color.border.strong instead
      */
     "container": "--cnvs-sys-color-border-container",
     /**
      * **value**: `{base.palette.slate.A200}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-default`
+     * 
+     * Default border for containers and dividers
      */
     "default": "--cnvs-sys-color-border-default",
     /**
      * **value**: `{base.palette.slate.A300}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-strong`
+     * 
+     * Stronger border for more visible separation
      */
     "strong": "--cnvs-sys-color-border-strong",
     "info": {
@@ -3147,6 +3169,8 @@ export declare const color: {
        * **value**: `{base.palette.blue.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-info-default`
+       * 
+       * Border for informational containers (not tenant themeable)
        */
       "default": "--cnvs-sys-color-border-info-default",
     },
@@ -3154,12 +3178,16 @@ export declare const color: {
      * **value**: `{base.palette.red.500}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-danger`
+     * 
+     * Border for error states (not tenant themeable)
      */
     "danger": "--cnvs-sys-color-border-danger",
     /**
      * **value**: `{base.palette.amber.400}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-warning`
+     * 
+     * Border for warning states (not tenant themeable)
      */
     "warning": "--cnvs-sys-color-border-warning",
     "inverse": {
@@ -3167,12 +3195,16 @@ export declare const color: {
        * **value**: `{base.palette.neutral.0}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-inverse-default`
+       * 
+       * Border for use on dark backgrounds
        */
       "default": "--cnvs-sys-color-border-inverse-default",
       /**
        * **value**: `{base.palette.white.A700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-border-inverse-strong`
+       * 
+       * Stronger border for use on dark backgrounds
        */
       "strong": "--cnvs-sys-color-border-inverse-strong",
     },
@@ -3180,6 +3212,8 @@ export declare const color: {
      * **value**: `{base.palette.neutral.A0}`
      * 
      * **CSS Var**: `--cnvs-sys-color-border-transparent`
+     * 
+     * Invisible border for layout spacing
      */
     "transparent": "--cnvs-sys-color-border-transparent",
   },
@@ -3218,12 +3252,16 @@ export declare const color: {
      * **value**: `{base.palette.slate.A200}`
      * 
      * **CSS Var**: `--cnvs-sys-color-shadow-base`
+     * 
+     * Primary shadow color for elevated elements
      */
     "base": "--cnvs-sys-color-shadow-base",
     /**
      * **value**: `{base.palette.slate.A100}`
      * 
      * **CSS Var**: `--cnvs-sys-color-shadow-ambient`
+     * 
+     * Subtle ambient shadow for soft depth
      */
     "ambient": "--cnvs-sys-color-shadow-ambient",
   },
@@ -3266,7 +3304,7 @@ export declare const color: {
     },
     "blue": {
       /**
-       * **value**: `{sys.color.accent.info}`
+       * **value**: `{base.palette.blue.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-blue-default`
        * 
@@ -3574,7 +3612,7 @@ export declare const color: {
     },
     "amber": {
       /**
-       * **value**: `{sys.color.accent.warning}`
+       * **value**: `{base.palette.amber.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-default`
        * 
@@ -3584,7 +3622,7 @@ export declare const color: {
        */
       "default": "--cnvs-sys-color-static-amber-default",
       /**
-       * **value**: `{sys.color.surface.warning.default}`
+       * **value**: `{base.palette.amber.25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-softest`
        * 
@@ -3594,7 +3632,7 @@ export declare const color: {
        */
       "softest": "--cnvs-sys-color-static-amber-softest",
       /**
-       * **value**: `{sys.color.accent.warning}`
+       * **value**: `{base.palette.amber.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-strong`
        * 
@@ -3604,7 +3642,7 @@ export declare const color: {
        */
       "strong": "--cnvs-sys-color-static-amber-strong",
       /**
-       * **value**: `{sys.color.accent.warning}`
+       * **value**: `{base.palette.amber.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-stronger`
        * 
@@ -3624,7 +3662,7 @@ export declare const color: {
        */
       "softer": "--cnvs-sys-color-static-amber-softer",
       /**
-       * **value**: `{sys.color.fg.warning.strong}`
+       * **value**: `{base.palette.amber.950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-strongest`
        * 
@@ -3634,7 +3672,7 @@ export declare const color: {
        */
       "strongest": "--cnvs-sys-color-static-amber-strongest",
       /**
-       * **value**: `{sys.color.surface.warning.strong}`
+       * **value**: `{base.palette.amber.100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-static-amber-soft`
        * 
@@ -3651,7 +3689,7 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-default`
      * 
-     * Default surface background
+     * Default background for containers on top of the page
      */
     "default": "--cnvs-sys-color-surface-default",
     /**
@@ -3659,19 +3697,23 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-navigation`
      * 
-     * Surface color for navigation elements, like the SidePanel or Top Nav Bar
+     * Background for navigation containers like sidebars and top bars
      */
     "navigation": "--cnvs-sys-color-surface-navigation",
     /**
      * **value**: `{base.palette.neutral.0}`
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-popover`
+     * 
+     * Background for floating containers like dropdowns and tooltips
      */
     "popover": "--cnvs-sys-color-surface-popover",
     /**
      * **value**: `{base.palette.neutral.0}`
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-modal`
+     * 
+     * Background for modal dialog containers
      */
     "modal": "--cnvs-sys-color-surface-modal",
     /**
@@ -3679,7 +3721,7 @@ export declare const color: {
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-raised`
      * 
-     * Surfaces that are raised above another surface, such as column headers in Tables
+     * Separates a layer from the surface, e.g. table headers or sticky elements
      */
     "raised": "--cnvs-sys-color-surface-raised",
     "alt": {
@@ -3688,7 +3730,7 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-alt-default`
        * 
-       * Alternative surface color
+       * De-emphasized container background for secondary information
        */
       "default": "--cnvs-sys-color-surface-alt-default",
       /**
@@ -3696,7 +3738,7 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-alt-strong`
        * 
-       * Strong alternative surface color
+       * Stronger de-emphasized container background
        */
       "strong": "--cnvs-sys-color-surface-alt-strong",
     },
@@ -3704,6 +3746,8 @@ export declare const color: {
      * **value**: `{base.palette.slate.A200}`
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-loading`
+     * 
+     * Background for skeleton loaders and loading states
      */
     "loading": "--cnvs-sys-color-surface-loading",
     "info": {
@@ -3712,7 +3756,7 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-info-default`
        * 
-       * Surface color used on the backgrounds of informational highlights and sections
+       * Container background for informational callouts
        */
       "default": "--cnvs-sys-color-surface-info-default",
       /**
@@ -3720,7 +3764,7 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-info-strong`
        * 
-       * Surface color used on the backgrounds of informational status indicators and badges
+       * Stronger container background for info badges and indicators
        */
       "strong": "--cnvs-sys-color-surface-info-strong",
     },
@@ -3729,12 +3773,16 @@ export declare const color: {
        * **value**: `{base.palette.red.A25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-danger-default`
+       * 
+       * Container background for error states (not tenant themeable)
        */
       "default": "--cnvs-sys-color-surface-danger-default",
       /**
        * **value**: `{base.palette.red.A50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-danger-strong`
+       * 
+       * Stronger container background for error states
        */
       "strong": "--cnvs-sys-color-surface-danger-strong",
     },
@@ -3743,12 +3791,16 @@ export declare const color: {
        * **value**: `{base.palette.amber.A25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-warning-default`
+       * 
+       * Container background for warning states (not tenant themeable)
        */
       "default": "--cnvs-sys-color-surface-warning-default",
       /**
        * **value**: `{base.palette.amber.A50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-warning-strong`
+       * 
+       * Stronger container background for warning states
        */
       "strong": "--cnvs-sys-color-surface-warning-strong",
     },
@@ -3757,12 +3809,16 @@ export declare const color: {
        * **value**: `{base.palette.green.A25}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-success-default`
+       * 
+       * Container background for success states (not tenant themeable)
        */
       "default": "--cnvs-sys-color-surface-success-default",
       /**
        * **value**: `{base.palette.green.A50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-success-strong`
+       * 
+       * Stronger container background for success states
        */
       "strong": "--cnvs-sys-color-surface-success-strong",
     },
@@ -3771,18 +3827,24 @@ export declare const color: {
        * **value**: `{base.palette.blue.A100}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-ai-default`
+       * 
+       * Container background indicating AI-generated content
        */
       "default": "--cnvs-sys-color-surface-ai-default",
       /**
        * **value**: `{base.palette.blue.A200}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-ai-hover`
+       * 
+       * Hover state for AI-generated content containers
        */
       "hover": "--cnvs-sys-color-surface-ai-hover",
       /**
        * **value**: `{base.palette.blue.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-ai-pressed`
+       * 
+       * Pressed state for AI-generated content containers
        */
       "pressed": "--cnvs-sys-color-surface-ai-pressed",
     },
@@ -3790,12 +3852,16 @@ export declare const color: {
      * **value**: `{base.palette.neutral.A0}`
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-transparent`
+     * 
+     * Fully transparent container background
      */
     "transparent": "--cnvs-sys-color-surface-transparent",
     /**
      * **value**: `{base.palette.neutral.0}`
      * 
      * **CSS Var**: `--cnvs-sys-color-surface-inverse`
+     * 
+     * Container background for use on dark backgrounds
      */
     "inverse": "--cnvs-sys-color-surface-inverse",
     "contrast": {
@@ -3803,12 +3869,16 @@ export declare const color: {
        * **value**: `{base.palette.neutral.A900}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-contrast-default`
+       * 
+       * High contrast dark container background
        */
       "default": "--cnvs-sys-color-surface-contrast-default",
       /**
        * **value**: `{base.palette.neutral.A950}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-contrast-strong`
+       * 
+       * Stronger high contrast dark container background
        */
       "strong": "--cnvs-sys-color-surface-contrast-strong",
     },
@@ -3818,12 +3888,16 @@ export declare const color: {
          * **value**: `{base.palette.slate.A50}`
          * 
          * **CSS Var**: `--cnvs-sys-color-surface-overlay-hover-default`
+         * 
+         * Hover state overlay for interactive containers
          */
         "default": "--cnvs-sys-color-surface-overlay-hover-default",
         /**
          * **value**: `{base.palette.white.A200}`
          * 
          * **CSS Var**: `--cnvs-sys-color-surface-overlay-hover-inverse`
+         * 
+         * Hover overlay for containers on dark backgrounds
          */
         "inverse": "--cnvs-sys-color-surface-overlay-hover-inverse",
       },
@@ -3831,6 +3905,8 @@ export declare const color: {
        * **value**: `{base.palette.slate.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-surface-overlay-mixin`
+       * 
+       * Pressed state overlay for interactive containers
        */
       "mixin": "--cnvs-sys-color-surface-overlay-mixin",
       "pressed": {
@@ -3838,12 +3914,16 @@ export declare const color: {
          * **value**: `{base.palette.slate.A100}`
          * 
          * **CSS Var**: `--cnvs-sys-color-surface-overlay-pressed-default`
+         * 
+         * Pressed state overlay for interactive containers
          */
         "default": "--cnvs-sys-color-surface-overlay-pressed-default",
         /**
          * **value**: `{base.palette.white.A300}`
          * 
          * **CSS Var**: `--cnvs-sys-color-surface-overlay-pressed-inverse`
+         * 
+         * Pressed overlay for containers on dark backgrounds
          */
         "inverse": "--cnvs-sys-color-surface-overlay-pressed-inverse",
       },
@@ -3860,36 +3940,48 @@ export declare const color: {
      * **value**: `{base.palette.blue.950}`
      * 
      * **CSS Var**: `--cnvs-sys-color-accent-ai`
+     * 
+     * Dark accent indicating AI-generated content
      */
     "ai": "--cnvs-sys-color-accent-ai",
     /**
      * **value**: `{base.palette.blue.600}`
      * 
      * **CSS Var**: `--cnvs-sys-color-accent-info`
+     * 
+     * Solid info accent for indicators (not tenant themeable)
      */
     "info": "--cnvs-sys-color-accent-info",
     /**
      * **value**: `{base.palette.red.600}`
      * 
      * **CSS Var**: `--cnvs-sys-color-accent-danger`
+     * 
+     * Solid danger accent for error indicators (not tenant themeable)
      */
     "danger": "--cnvs-sys-color-accent-danger",
     /**
      * **value**: `{base.palette.amber.400}`
      * 
      * **CSS Var**: `--cnvs-sys-color-accent-warning`
+     * 
+     * Solid warning accent for caution indicators (not tenant themeable)
      */
     "warning": "--cnvs-sys-color-accent-warning",
     /**
      * **value**: `{base.palette.green.600}`
      * 
      * **CSS Var**: `--cnvs-sys-color-accent-success`
+     * 
+     * Solid success accent for positive indicators (not tenant themeable)
      */
     "success": "--cnvs-sys-color-accent-success",
     /**
      * **value**: `{base.palette.neutral.A900}`
      * 
      * **CSS Var**: `--cnvs-sys-color-accent-contrast`
+     * 
+     * High contrast accent for maximum visibility
      */
     "contrast": "--cnvs-sys-color-accent-contrast",
     "muted": {
@@ -3897,12 +3989,16 @@ export declare const color: {
        * **value**: `{base.palette.slate.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-muted-default`
+       * 
+       * Muted accent for secondary visual elements
        */
       "default": "--cnvs-sys-color-accent-muted-default",
       /**
        * **value**: `{base.palette.slate.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-muted-soft`
+       * 
+       * Softer muted accent for tertiary elements
        */
       "soft": "--cnvs-sys-color-accent-muted-soft",
     },
@@ -3911,18 +4007,24 @@ export declare const color: {
        * **value**: `{base.palette.neutral.A200}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-overlay-hover`
+       * 
+       * Hover overlay for accent-colored elements
        */
       "hover": "--cnvs-sys-color-accent-overlay-hover",
       /**
        * **value**: `{base.palette.neutral.A400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-overlay-pressed`
+       * 
+       * Pressed overlay for accent-colored elements
        */
       "pressed": "--cnvs-sys-color-accent-overlay-pressed",
       /**
        * **value**: `{base.palette.neutral.1000}`
        * 
        * **CSS Var**: `--cnvs-sys-color-accent-overlay-mixin`
+       * 
+       * Pressed overlay mixin color for accent-colored elements
        */
       "mixin": "--cnvs-sys-color-accent-overlay-mixin",
     },
@@ -3933,12 +4035,16 @@ export declare const color: {
        * **value**: `{brand.primary.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-focus-primary`
+       * 
+       * Tenant-themeable focus ring for interactive elements
        */
       "primary": "--cnvs-sys-color-brand-focus-primary",
       /**
        * **value**: `{brand.critical.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-focus-critical`
+       * 
+       * Tenant-themeable focus ring for error-state elements
        */
       "critical": "--cnvs-sys-color-brand-focus-critical",
       "caution": {
@@ -3946,12 +4052,16 @@ export declare const color: {
          * **value**: `{brand.caution.500}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-focus-caution-outer`
+         * 
+         * Tenant-themeable outer focus ring for caution-state elements
          */
         "outer": "--cnvs-sys-color-brand-focus-caution-outer",
         /**
          * **value**: `{brand.caution.400}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-focus-caution-inner`
+         * 
+         * Tenant-themeable inner focus ring for caution-state elements
          */
         "inner": "--cnvs-sys-color-brand-focus-caution-inner",
       },
@@ -3962,12 +4072,16 @@ export declare const color: {
          * **value**: `{brand.primary.A25}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-surface-primary-default`
+         * 
+         * Tenant-themeable primary container background
          */
         "default": "--cnvs-sys-color-brand-surface-primary-default",
         /**
          * **value**: `{brand.primary.A50}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-surface-primary-strong`
+         * 
+         * Stronger tenant-themeable primary container background
          */
         "strong": "--cnvs-sys-color-brand-surface-primary-strong",
       },
@@ -3976,12 +4090,16 @@ export declare const color: {
          * **value**: `{brand.critical.A25}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-surface-critical-default`
+         * 
+         * Tenant-themeable critical/error container background
          */
         "default": "--cnvs-sys-color-brand-surface-critical-default",
         /**
          * **value**: `{brand.critical.A50}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-surface-critical-strong`
+         * 
+         * Stronger tenant-themeable critical container background
          */
         "strong": "--cnvs-sys-color-brand-surface-critical-strong",
       },
@@ -3990,12 +4108,16 @@ export declare const color: {
          * **value**: `{brand.caution.A25}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-surface-caution-default`
+         * 
+         * Tenant-themeable caution/warning container background
          */
         "default": "--cnvs-sys-color-brand-surface-caution-default",
         /**
          * **value**: `{brand.caution.A50}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-surface-caution-strong`
+         * 
+         * Stronger tenant-themeable caution container background
          */
         "strong": "--cnvs-sys-color-brand-surface-caution-strong",
       },
@@ -4004,12 +4126,16 @@ export declare const color: {
          * **value**: `{brand.positive.A25}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-surface-positive-default`
+         * 
+         * Tenant-themeable positive/success container background
          */
         "default": "--cnvs-sys-color-brand-surface-positive-default",
         /**
          * **value**: `{brand.positive.A50}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-surface-positive-strong`
+         * 
+         * Stronger tenant-themeable positive container background
          */
         "strong": "--cnvs-sys-color-brand-surface-positive-strong",
       },
@@ -4017,6 +4143,8 @@ export declare const color: {
        * **value**: `{brand.primary.A50}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-surface-selected`
+       * 
+       * Tenant-themeable background for selected items
        */
       "selected": "--cnvs-sys-color-brand-surface-selected",
     },
@@ -4025,24 +4153,32 @@ export declare const color: {
        * **value**: `{brand.primary.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-accent-primary`
+       * 
+       * Tenant-themeable solid primary accent for buttons and key actions
        */
       "primary": "--cnvs-sys-color-brand-accent-primary",
       /**
        * **value**: `{brand.critical.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-accent-critical`
+       * 
+       * Tenant-themeable solid critical accent for destructive actions
        */
       "critical": "--cnvs-sys-color-brand-accent-critical",
       /**
        * **value**: `{brand.caution.400}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-accent-caution`
+       * 
+       * Tenant-themeable solid caution accent
        */
       "caution": "--cnvs-sys-color-brand-accent-caution",
       /**
        * **value**: `{brand.positive.600}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-accent-positive`
+       * 
+       * Tenant-themeable solid positive accent
        */
       "positive": "--cnvs-sys-color-brand-accent-positive",
       /**
@@ -4059,7 +4195,7 @@ export declare const color: {
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-primary-default`
          * 
-         * Text and icons that use the primary brand color. Use this on the primary background
+         * Tenant-themeable primary text and icon color
          */
         "default": "--cnvs-sys-color-brand-fg-primary-default",
         /**
@@ -4067,7 +4203,7 @@ export declare const color: {
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-primary-strong`
          * 
-         * Text and icons that use the primary brand color. Use this on the primary strong background
+         * Stronger tenant-themeable primary text and icon color
          */
         "strong": "--cnvs-sys-color-brand-fg-primary-strong",
       },
@@ -4077,7 +4213,7 @@ export declare const color: {
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-critical-default`
          * 
-         * Used on text or icons that indicate critical messaging, like an error.
+         * Tenant-themeable critical text and icon color
          */
         "default": "--cnvs-sys-color-brand-fg-critical-default",
         /**
@@ -4085,7 +4221,7 @@ export declare const color: {
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-critical-strong`
          * 
-         * Stronger color used on text or icons that indicate critical messaging, like an error.
+         * Stronger tenant-themeable critical text and icon color
          */
         "strong": "--cnvs-sys-color-brand-fg-critical-strong",
       },
@@ -4094,12 +4230,16 @@ export declare const color: {
          * **value**: `{brand.caution.600}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-caution-default`
+         * 
+         * Tenant-themeable caution text and icon color
          */
         "default": "--cnvs-sys-color-brand-fg-caution-default",
         /**
          * **value**: `{brand.caution.700}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-caution-strong`
+         * 
+         * Stronger tenant-themeable caution text and icon color
          */
         "strong": "--cnvs-sys-color-brand-fg-caution-strong",
       },
@@ -4108,12 +4248,16 @@ export declare const color: {
          * **value**: `{brand.positive.600}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-positive-default`
+         * 
+         * Tenant-themeable positive text and icon color
          */
         "default": "--cnvs-sys-color-brand-fg-positive-default",
         /**
          * **value**: `{brand.positive.700}`
          * 
          * **CSS Var**: `--cnvs-sys-color-brand-fg-positive-strong`
+         * 
+         * Stronger tenant-themeable positive text and icon color
          */
         "strong": "--cnvs-sys-color-brand-fg-positive-strong",
       },
@@ -4121,6 +4265,8 @@ export declare const color: {
        * **value**: `{brand.primary.700}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-fg-selected`
+       * 
+       * Tenant-themeable text color for selected items
        */
       "selected": "--cnvs-sys-color-brand-fg-selected",
     },
@@ -4130,19 +4276,23 @@ export declare const color: {
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-border-primary`
        * 
-       * Brand, Focus
+       * Tenant-themeable primary border for focused inputs
        */
       "primary": "--cnvs-sys-color-brand-border-primary",
       /**
        * **value**: `{brand.critical.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-border-critical`
+       * 
+       * Tenant-themeable critical border for error states
        */
       "critical": "--cnvs-sys-color-brand-border-critical",
       /**
        * **value**: `{brand.caution.500}`
        * 
        * **CSS Var**: `--cnvs-sys-color-brand-border-caution`
+       * 
+       * Tenant-themeable caution border for warning states
        */
       "caution": "--cnvs-sys-color-brand-border-caution",
     },
@@ -4152,12 +4302,16 @@ export declare const color: {
      * **value**: `{base.palette.neutral.0}`
      * 
      * **CSS Var**: `--cnvs-sys-color-focus-inverse`
+     * 
+     * Focus ring for use on dark backgrounds
      */
     "inverse": "--cnvs-sys-color-focus-inverse",
     /**
      * **value**: `{base.palette.neutral.A900}`
      * 
      * **CSS Var**: `--cnvs-sys-color-focus-contrast`
+     * 
+     * High contrast focus ring for accessibility
      */
     "contrast": "--cnvs-sys-color-focus-contrast",
   },
@@ -4320,7 +4474,7 @@ export declare const opacity: {
      * 
      * **CSS Var**: `--cnvs-sys-opacity-surface-hover`
      * 
-     * Surface hover opacity
+     * State layer applied to surface colors on hover
      */
     "hover": "--cnvs-sys-opacity-surface-hover",
     /**
@@ -4328,7 +4482,7 @@ export declare const opacity: {
      * 
      * **CSS Var**: `--cnvs-sys-opacity-surface-pressed`
      * 
-     * Surface pressed opacity use with surface colors
+     * State layer applied to surface colors while pressing
      */
     "pressed": "--cnvs-sys-opacity-surface-pressed",
   },
@@ -4338,7 +4492,7 @@ export declare const opacity: {
      * 
      * **CSS Var**: `--cnvs-sys-opacity-accent-hover`
      * 
-     * Accent hover opacity use with accent colors
+     * State layer applied to accent colors on hover
      */
     "hover": "--cnvs-sys-opacity-accent-hover",
     /**
@@ -4346,7 +4500,7 @@ export declare const opacity: {
      * 
      * **CSS Var**: `--cnvs-sys-opacity-accent-pressed`
      * 
-     * Accent pressed opacity use with accent colors
+     * State layer applied to accent colors while pressing
      */
     "pressed": "--cnvs-sys-opacity-accent-pressed",
   },
@@ -4358,7 +4512,7 @@ export declare const size: {
    * 
    * **CSS Var**: `--cnvs-sys-size-xxxs`
    * 
-   * Switch Track
+   * Used for switch toggle.
    */
   "xxxs": "--cnvs-sys-size-xxxs",
   /**
@@ -4366,7 +4520,7 @@ export declare const size: {
    * 
    * **CSS Var**: `--cnvs-sys-size-xxs`
    * 
-   * Switch Track
+   * Compact indicators. Used for status indicators and count badges.
    */
   "xxs": "--cnvs-sys-size-xxs",
   /**
@@ -4374,7 +4528,7 @@ export declare const size: {
    * 
    * **CSS Var**: `--cnvs-sys-size-xs`
    * 
-   * Count Badge
+   * Compact interactive elements. Used for small buttons, pills, checkboxes, and radio buttons.
    */
   "xs": "--cnvs-sys-size-xs",
   /**
@@ -4382,7 +4536,7 @@ export declare const size: {
    * 
    * **CSS Var**: `--cnvs-sys-size-sm`
    * 
-   * X-Small Buttons, Pills, Checkboxes, Radio Buttons
+   * Standard interactive components. Used for buttons, segmented controls, tooltips, and avatars.
    */
   "sm": "--cnvs-sys-size-sm",
   /**
@@ -4390,7 +4544,7 @@ export declare const size: {
    * 
    * **CSS Var**: `--cnvs-sys-size-md`
    * 
-   * Small Buttons, Segmented Control, Tooltip, Avatar
+   * Default size for most components. Used for buttons, segmented controls, banners, input fields, and menu items.
    */
   "md": "--cnvs-sys-size-md",
   /**
@@ -4398,7 +4552,7 @@ export declare const size: {
    * 
    * **CSS Var**: `--cnvs-sys-size-lg`
    * 
-   * Default height for most components, like Medium Buttons, Segmented Control, Banner, Input Fields, and Menu List Items
+   * Prominent components. Used for large buttons, segmented controls, expandable triggers, tabs, and avatars.
    */
   "lg": "--cnvs-sys-size-lg",
   /**
@@ -4406,7 +4560,7 @@ export declare const size: {
    * 
    * **CSS Var**: `--cnvs-sys-size-xl`
    * 
-   * Large size used in Large Buttons, Segmented Controls, Expandable Container Trigger, Tabs, and Avatar
+   * Content containers. Used for table cells and toasts.
    */
   "xl": "--cnvs-sys-size-xl",
   /**
@@ -4414,7 +4568,7 @@ export declare const size: {
    * 
    * **CSS Var**: `--cnvs-sys-size-xxl`
    * 
-   * Table Cell, Toast
+   * Expandable containers. Used for expandable containers in their collapsed state.
    */
   "xxl": "--cnvs-sys-size-xxl",
 };