{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Carbon Design System theme tokens for the White theme.",
  "$extensions": {
    "com.ibm.carbon": {
      "color-scheme": "light",
      "contextual": [
        "layer",
        "layer-active",
        "layer-hover",
        "layer-selected",
        "layer-selected-hover",
        "layer-accent",
        "layer-accent-hover",
        "layer-accent-active",
        "field",
        "field-hover",
        "border-subtle",
        "border-subtle-selected",
        "border-strong",
        "border-tile"
      ]
    }
  },
  "background": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Default page background color. Use as the base surface for the entire application or page.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Background",
        "properties": ["background"],
        "layer-set": "base"
      }
    }
  },
  "background-active": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/50/$value/colorSpace" },
      "components": { "$ref": "#/gray/50/$value/components" },
      "alpha": 0.5
    },
    "$description": "Background color for active/pressed state. Use when user clicks or presses interactive elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Background",
        "properties": ["background"],
        "state": "active"
      }
    }
  },
  "background-selected": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/50/$value/colorSpace" },
      "components": { "$ref": "#/gray/50/$value/components" },
      "alpha": 0.2
    },
    "$description": "Background color for selected state. Use to highlight currently selected items or active states.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Background",
        "properties": ["background"],
        "state": "selected",
        "layer-set": "base"
      }
    }
  },
  "background-selected-hover": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/50/$value/colorSpace" },
      "components": { "$ref": "#/gray/50/$value/components" },
      "alpha": 0.32
    },
    "$description": "Hover state for selected backgrounds. Use when user hovers over already-selected items.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Background",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "base"
      }
    }
  },
  "background-hover": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/50/$value/colorSpace" },
      "components": { "$ref": "#/gray/50/$value/components" },
      "alpha": 0.12
    },
    "$description": "Background color for hover state. Use when user hovers over interactive elements to provide visual feedback.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Background",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "base"
      }
    }
  },
  "background-brand": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Brand color for backgrounds. Use for branded sections, headers, or promotional areas.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Background",
        "properties": ["background"]
      }
    }
  },
  "background-inverse": {
    "$type": "color",
    "$value": "{gray.80}",
    "$description": "Inverse background color for dark UI elements. Use for tooltips, inverse buttons, or dark-themed sections.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Background",
        "properties": ["background"]
      }
    }
  },
  "background-inverse-hover": {
    "$type": "color",
    "$value": "{gray.80Hover}",
    "$description": "Hover state for inverse backgrounds. Use when user hovers over dark UI elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Background",
        "properties": ["background"],
        "state": "hover"
      }
    }
  },
  "layer-01": {
    "$type": "color",
    "$value": "{gray.10}",
    "$description": "Primary layer background",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "layer-set": "01"
      }
    }
  },
  "layer-active-01": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Active state for layer 01",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "active",
        "layer-set": "01"
      }
    }
  },
  "layer-background-01": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Background behind layer 01",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "layer-set": "01"
      }
    }
  },
  "layer-hover-01": {
    "$type": "color",
    "$value": "{gray.10Hover}",
    "$description": "Hover state for layer 01",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "01"
      }
    }
  },
  "layer-selected-01": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Selected state for layer 01",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "selected"
      }
    }
  },
  "layer-selected-hover-01": {
    "$type": "color",
    "$value": "{gray.20Hover}",
    "$description": "Hover state for selected layer 01",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "01"
      }
    }
  },
  "layer-02": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Secondary layer background",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "layer-set": "02"
      }
    }
  },
  "layer-active-02": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Active state for layer 02",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "active",
        "layer-set": "02"
      }
    }
  },
  "layer-background-02": {
    "$type": "color",
    "$value": "{gray.10}",
    "$description": "Background behind layer 02",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "layer-set": "02"
      }
    }
  },
  "layer-hover-02": {
    "$type": "color",
    "$value": "{gray.10Hover}",
    "$description": "Hover state for layer 02",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "02"
      }
    }
  },
  "layer-selected-02": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Selected state for layer 02",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "selected"
      }
    }
  },
  "layer-selected-hover-02": {
    "$type": "color",
    "$value": "{gray.20Hover}",
    "$description": "Hover state for selected layer 02",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "02"
      }
    }
  },
  "layer-03": {
    "$type": "color",
    "$value": "{gray.10}",
    "$description": "Tertiary layer background",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "layer-set": "03"
      }
    }
  },
  "layer-active-03": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Active state for layer 03",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "active",
        "layer-set": "03"
      }
    }
  },
  "layer-background-03": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Background behind layer 03",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "layer-set": "03"
      }
    }
  },
  "layer-hover-03": {
    "$type": "color",
    "$value": "{gray.10Hover}",
    "$description": "Hover state for layer 03",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "03"
      }
    }
  },
  "layer-selected-03": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Selected state for layer 03",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "selected"
      }
    }
  },
  "layer-selected-hover-03": {
    "$type": "color",
    "$value": "{gray.20Hover}",
    "$description": "Hover state for selected layer 03",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "03"
      }
    }
  },
  "layer-selected-inverse": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Inverse. Token for inverse in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"]
      }
    }
  },
  "layer-selected-disabled": {
    "$type": "color",
    "$value": "{gray.50}",
    "$description": "Disabled. Token for disabled in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "disabled"
      }
    }
  },
  "layer-accent-01": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Primary accent layer",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "layer-set": "01"
      }
    }
  },
  "layer-accent-active-01": {
    "$type": "color",
    "$value": "{gray.40}",
    "$description": "Active state for accent layer 01",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "active",
        "layer-set": "01"
      }
    }
  },
  "layer-accent-hover-01": {
    "$type": "color",
    "$value": "{gray.20Hover}",
    "$description": "Hover state for accent layer 01",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "01"
      }
    }
  },
  "layer-accent-02": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Secondary accent layer",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "layer-set": "02"
      }
    }
  },
  "layer-accent-active-02": {
    "$type": "color",
    "$value": "{gray.40}",
    "$description": "Active state for accent layer 02",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "active",
        "layer-set": "02"
      }
    }
  },
  "layer-accent-hover-02": {
    "$type": "color",
    "$value": "{gray.20Hover}",
    "$description": "Hover state for accent layer 02",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "02"
      }
    }
  },
  "layer-accent-03": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Tertiary accent layer",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "layer-set": "03"
      }
    }
  },
  "layer-accent-active-03": {
    "$type": "color",
    "$value": "{gray.40}",
    "$description": "Active state for accent layer 03",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "active",
        "layer-set": "03"
      }
    }
  },
  "layer-accent-hover-03": {
    "$type": "color",
    "$value": "{gray.20Hover}",
    "$description": "Hover state for accent layer 03",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Layer",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "03"
      }
    }
  },
  "field-01": {
    "$type": "color",
    "$value": "{gray.10}",
    "$description": "Background color for form fields on layer 01. Use for input fields, text areas, and selects on first layer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Field",
        "properties": ["background"],
        "layer-set": "01"
      }
    }
  },
  "field-hover-01": {
    "$type": "color",
    "$value": "{gray.10Hover}",
    "$description": "Hover background for fields on layer 01. Use when user hovers over input fields on first layer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Field",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "01"
      }
    }
  },
  "field-02": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Background color for form fields on layer 02. Use for input fields on second layer surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Field",
        "properties": ["background"],
        "layer-set": "02"
      }
    }
  },
  "field-hover-02": {
    "$type": "color",
    "$value": "{gray.10Hover}",
    "$description": "Hover background for fields on layer 02. Use when user hovers over input fields on second layer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Field",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "02"
      }
    }
  },
  "field-03": {
    "$type": "color",
    "$value": "{gray.10}",
    "$description": "Background color for form fields on layer 03. Use for input fields on third layer surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Field",
        "properties": ["background"],
        "layer-set": "03"
      }
    }
  },
  "field-hover-03": {
    "$type": "color",
    "$value": "{gray.10Hover}",
    "$description": "Hover background for fields on layer 03. Use when user hovers over input fields on third layer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Field",
        "properties": ["background"],
        "state": "hover",
        "layer-set": "03"
      }
    }
  },
  "interactive": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Interactive element color. Use for clickable elements, links, and actionable items.",
    "$extensions": {
      "com.ibm.carbon": {
        "properties": ["background", "text"]
      }
    }
  },
  "border-subtle-00": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Subtle border color for base layer. Use for low-contrast borders on page background.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "base"
      }
    }
  },
  "border-subtle-01": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Subtle border color for layer 01. Use for low-contrast borders on first layer surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "01"
      }
    }
  },
  "border-subtle-selected-01": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Subtle border for selected items on layer 01. Use for low-contrast borders on selected elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "state": "selected",
        "layer-set": "01"
      }
    }
  },
  "border-subtle-02": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Subtle border color for layer 02. Use for low-contrast borders on second layer surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "02"
      }
    }
  },
  "border-subtle-selected-02": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Subtle border for selected items on layer 02. Use for low-contrast borders on selected elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "state": "selected",
        "layer-set": "02"
      }
    }
  },
  "border-subtle-03": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Subtle border color for layer 03. Use for low-contrast borders on third layer surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "03"
      }
    }
  },
  "border-subtle-selected-03": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Subtle border for selected items on layer 03. Use for low-contrast borders on selected elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "state": "selected",
        "layer-set": "03"
      }
    }
  },
  "border-strong-01": {
    "$type": "color",
    "$value": "{gray.50}",
    "$description": "Strong border color for layer 01. Use for high-contrast borders that need clear definition on first layer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "01"
      }
    }
  },
  "border-strong-02": {
    "$type": "color",
    "$value": "{gray.50}",
    "$description": "Strong border color for layer 02. Use for high-contrast borders on second layer surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "02"
      }
    }
  },
  "border-strong-03": {
    "$type": "color",
    "$value": "{gray.50}",
    "$description": "Strong border color for layer 03. Use for high-contrast borders on third layer surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "03"
      }
    }
  },
  "border-tile-01": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Border color for tiles on layer 01. Use for card or tile borders on first layer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "01"
      }
    }
  },
  "border-tile-02": {
    "$type": "color",
    "$value": "{gray.40}",
    "$description": "Border color for tiles on layer 02. Use for card or tile borders on second layer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "02"
      }
    }
  },
  "border-tile-03": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Border color for tiles on layer 03. Use for card or tile borders on third layer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "layer-set": "03"
      }
    }
  },
  "border-inverse": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Border color for inverse/dark UI elements. Use for borders on dark backgrounds or inverse components.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"]
      }
    }
  },
  "border-interactive": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Border color for interactive elements. Use for focused inputs, active selections, or clickable borders.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"]
      }
    }
  },
  "border-disabled": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Border color for disabled elements. Use when borders need to indicate unavailable or inactive state.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Borders",
        "properties": ["border"],
        "state": "disabled"
      }
    }
  },
  "text-primary": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Primary. Token for primary in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Text",
        "properties": ["text"]
      }
    }
  },
  "text-secondary": {
    "$type": "color",
    "$value": "{gray.70}",
    "$description": "Secondary. Token for secondary in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Text",
        "properties": ["text"]
      }
    }
  },
  "text-placeholder": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/100/$value/colorSpace" },
      "components": { "$ref": "#/gray/100/$value/components" },
      "alpha": 0.4
    },
    "$description": "Placeholder. Token for placeholder in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Text",
        "properties": ["text"]
      }
    }
  },
  "text-helper": {
    "$type": "color",
    "$value": "{gray.60}",
    "$description": "Helper. Token for helper in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Text",
        "properties": ["text"]
      }
    }
  },
  "text-error": {
    "$type": "color",
    "$value": "{red.60}",
    "$description": "Error. Token for error in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Text",
        "properties": ["text"]
      }
    }
  },
  "text-inverse": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Inverse. Token for inverse in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Text",
        "properties": ["text"]
      }
    }
  },
  "text-on-color": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Color. Token for color in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Text",
        "properties": ["text"]
      }
    }
  },
  "text-on-color-disabled": {
    "$type": "color",
    "$value": "{gray.50}",
    "$description": "Disabled. Token for disabled in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Text",
        "properties": ["text"],
        "state": "disabled"
      }
    }
  },
  "text-disabled": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/100/$value/colorSpace" },
      "components": { "$ref": "#/gray/100/$value/components" },
      "alpha": 0.25
    },
    "$description": "Disabled. Token for disabled in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Text",
        "properties": ["text"],
        "state": "disabled"
      }
    }
  },
  "link-primary": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Primary link color. Use for standard hyperlinks and navigation links.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Link",
        "properties": ["text"]
      }
    }
  },
  "link-primary-hover": {
    "$type": "color",
    "$value": "{blue.70}",
    "$description": "Hover color for primary links. Use when user hovers over standard links.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Link",
        "properties": ["text"],
        "state": "hover"
      }
    }
  },
  "link-secondary": {
    "$type": "color",
    "$value": "{blue.70}",
    "$description": "Secondary link color. Use for less prominent links or alternative link styles.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Link",
        "properties": ["text"]
      }
    }
  },
  "link-inverse-visited": {
    "$type": "color",
    "$value": "{purple.40}",
    "$description": "Visited link color for dark backgrounds. Use for previously clicked links on inverse surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Link",
        "properties": ["text"],
        "state": "visited"
      }
    }
  },
  "link-visited": {
    "$type": "color",
    "$value": "{purple.60}",
    "$description": "Color for visited links. Use to indicate previously clicked links.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Link",
        "properties": ["text"]
      }
    }
  },
  "link-inverse": {
    "$type": "color",
    "$value": "{blue.40}",
    "$description": "Link color for dark backgrounds. Use for links on inverse or dark surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Link",
        "properties": ["text"]
      }
    }
  },
  "link-inverse-active": {
    "$type": "color",
    "$value": "{gray.10}",
    "$description": "Active state for inverse links. Use when user clicks links on dark backgrounds.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Link",
        "properties": ["text"]
      }
    }
  },
  "link-inverse-hover": {
    "$type": "color",
    "$value": "{blue.30}",
    "$description": "Hover state for inverse links. Use when hovering over links on dark backgrounds.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Link",
        "properties": ["text"]
      }
    }
  },
  "icon-primary": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Primary icon color. Use for main icons with highest visual priority and emphasis.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Icons",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "icon-secondary": {
    "$type": "color",
    "$value": "{gray.70}",
    "$description": "Secondary icon color. Use for supporting icons with less emphasis than primary.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Icons",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "icon-inverse": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Icon color for inverse/dark backgrounds. Use for icons on dark surfaces or inverse components.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Icons",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "icon-on-color": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Icon color for colored backgrounds. Use for icons on brand colors, buttons, or colored surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Icons",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "icon-on-color-disabled": {
    "$type": "color",
    "$value": "{gray.50}",
    "$description": "Disabled icon color on colored backgrounds. Use when icons on colored surfaces are inactive.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Icons",
        "properties": ["background", "fill", "stroke"],
        "state": "disabled"
      }
    }
  },
  "icon-disabled": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/100/$value/colorSpace" },
      "components": { "$ref": "#/gray/100/$value/components" },
      "alpha": 0.25
    },
    "$description": "Icon color for disabled state. Use when icons need to indicate unavailable or inactive functionality.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Icons",
        "properties": ["background", "fill", "stroke"],
        "state": "disabled"
      }
    }
  },
  "icon-interactive": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Icon color for interactive elements. Use for clickable icons, buttons, and actionable items.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Icons",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-error": {
    "$type": "color",
    "$value": "{red.60}",
    "$description": "Error color for critical states. Use for error messages, failed validations, and critical alerts.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-success": {
    "$type": "color",
    "$value": "{green.50}",
    "$description": "Success color for positive states. Use for success messages, completed actions, and confirmations.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-warning": {
    "$type": "color",
    "$value": "{yellow.30}",
    "$description": "Warning color for caution states. Use for warnings, potential issues, and items needing attention.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-info": {
    "$type": "color",
    "$value": "{blue.70}",
    "$description": "Info color for informational states. Use for helpful tips, neutral information, and guidance.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-error-inverse": {
    "$type": "color",
    "$value": "{red.50}",
    "$description": "Error color for dark backgrounds. Use for error indicators on inverse surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-success-inverse": {
    "$type": "color",
    "$value": "{green.40}",
    "$description": "Success color for dark backgrounds. Use for success indicators on inverse surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-warning-inverse": {
    "$type": "color",
    "$value": "{yellow.30}",
    "$description": "Warning color for dark backgrounds. Use for warning indicators on inverse surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-info-inverse": {
    "$type": "color",
    "$value": "{blue.50}",
    "$description": "Info color for dark backgrounds. Use for info indicators on inverse surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-caution-major": {
    "$type": "color",
    "$value": "{orange.40}",
    "$description": "Major caution color. Use for high-severity warnings or significant issues.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-caution-minor": {
    "$type": "color",
    "$value": "{yellow.30}",
    "$description": "Minor caution color. Use for low-severity warnings or minor issues.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "support-caution-undefined": {
    "$type": "color",
    "$value": "{purple.60}",
    "$description": "Undefined caution color. Use for unknown or indeterminate caution states.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Support",
        "properties": ["background", "fill", "stroke"]
      }
    }
  },
  "syntax-comment": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Comment. Token for comment in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-line-comment": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Comment. Token for comment in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-block-comment": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Comment. Token for comment in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-doc-comment": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Comment. Token for comment in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-doc-string": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "String. Token for string in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-keyword": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Keyword. Token for keyword in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-operator-keyword": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Keyword. Token for keyword in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-control-keyword": {
    "$type": "color",
    "$value": "{purple.70}",
    "$description": "Keyword. Token for keyword in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-definition-keyword": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "Keyword. Token for keyword in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-module-keyword": {
    "$type": "color",
    "$value": "{purple.70}",
    "$description": "Keyword. Token for keyword in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-variable": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Variable. Token for variable in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-name": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Name. Token for name in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-variable-name": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Name. Token for name in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-label-name": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Name. Token for name in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-attribute": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "Attribute. Token for attribute in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-attribute-name": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "Name. Token for name in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-property-name": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "Name. Token for name in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-tag": {
    "$type": "color",
    "$value": "{teal.60}",
    "$description": "Tag. Token for tag in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-tag-name": {
    "$type": "color",
    "$value": "{teal.60}",
    "$description": "Name. Token for name in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-type": {
    "$type": "color",
    "$value": "{teal.60}",
    "$description": "Type. Token for type in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-type-name": {
    "$type": "color",
    "$value": "{teal.60}",
    "$description": "Name. Token for name in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-class-name": {
    "$type": "color",
    "$value": "{teal.60}",
    "$description": "Name. Token for name in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-namespace": {
    "$type": "color",
    "$value": "{teal.60}",
    "$description": "Namespace. Token for namespace in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-macro-name": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Name. Token for name in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-atom": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Atom. Token for atom in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-literal": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Literal. Token for literal in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-bool": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Bool. Token for bool in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-null": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Null. Token for null in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-self": {
    "$type": "color",
    "$value": "{teal.60}",
    "$description": "Self. Token for self in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-number": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Number. Token for number in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-integer": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Integer. Token for integer in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-float": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Float. Token for float in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-unit": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Unit. Token for unit in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-string": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "String. Token for string in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-character": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Character. Token for character in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-attribute-value": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Value. Token for value in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-special-string": {
    "$type": "color",
    "$value": "{purple.60}",
    "$description": "String. Token for string in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-regexp": {
    "$type": "color",
    "$value": "{purple.70}",
    "$description": "Regexp. Token for regexp in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-escape": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Escape. Token for escape in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-url": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Url. Token for url in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-color": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Color. Token for color in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-operator": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-deref-operator": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-arithmetic-operator": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-logic-operator": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-bitwise-operator": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-compare-operator": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-update-operator": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-definition-operator": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-type-operator": {
    "$type": "color",
    "$value": "{teal.60}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-control-operator": {
    "$type": "color",
    "$value": "{purple.70}",
    "$description": "Operator. Token for operator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-modifier": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Modifier. Token for modifier in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-punctuation": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Punctuation. Token for punctuation in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-separator": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Separator. Token for separator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-bracket": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Bracket. Token for bracket in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-angle-bracket": {
    "$type": "color",
    "$value": "{coolGray.60}",
    "$description": "Bracket. Token for bracket in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-square-bracket": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Bracket. Token for bracket in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-paren": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Paren. Token for paren in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-brace": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Brace. Token for brace in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-content": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Content. Token for content in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-heading": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "Heading. Token for heading in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-heading-1": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "1. Token for 1 in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-heading-2": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "2. Token for 2 in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-heading-3": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "3. Token for 3 in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-heading-4": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "4. Token for 4 in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-heading-5": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "5. Token for 5 in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-heading-6": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "6. Token for 6 in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-content-separator": {
    "$type": "color",
    "$value": "{coolGray.80}",
    "$description": "Separator. Token for separator in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-list": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "List. Token for list in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-quote": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Quote. Token for quote in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-emphasis": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Emphasis. Token for emphasis in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-strong": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Strong. Token for strong in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-monospace": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Monospace. Token for monospace in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-link": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Link. Token for link in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-strikethrough": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Strikethrough. Token for strikethrough in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-invalid": {
    "$type": "color",
    "$value": "{red.60}",
    "$description": "Invalid. Token for invalid in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-meta": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Meta. Token for meta in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-document-meta": {
    "$type": "color",
    "$value": "{green.60}",
    "$description": "Meta. Token for meta in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-annotation": {
    "$type": "color",
    "$value": "{teal.60}",
    "$description": "Annotation. Token for annotation in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-processing-instruction": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Instruction. Token for instruction in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-definition": {
    "$type": "color",
    "$value": "{cyan.70}",
    "$description": "Definition. Token for definition in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-constant": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Constant. Token for constant in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-function": {
    "$type": "color",
    "$value": "{yellow.60}",
    "$description": "Function. Token for function in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-standard": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Standard. Token for standard in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-local": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Local. Token for local in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-special": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Special. Token for special in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-inserted": {
    "$type": "color",
    "$value": "{green.20}",
    "$description": "Inserted. Token for inserted in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "syntax-deleted": {
    "$type": "color",
    "$value": "{red.20}",
    "$description": "Deleted. Token for deleted in the design system.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Syntax Highlighting",
        "properties": ["text"]
      }
    }
  },
  "ai-popover-background": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Background color for AI popovers and tooltips. Provides the base surface for AI-generated content displays.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-popover-shadow-outer-01": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/blue/70/$value/colorSpace" },
      "components": { "$ref": "#/blue/70/$value/components" },
      "alpha": 0.06
    },
    "$description": "Primary outer shadow for AI popovers. Provides the first layer of depth for elevated AI elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-popover-shadow-outer-02": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/black/$value/colorSpace" },
      "components": { "$ref": "#/black/$value/components" },
      "alpha": 0.04
    },
    "$description": "Secondary outer shadow for AI popovers. Adds additional depth layer for AI element elevation.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-inner-shadow": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/blue/50/$value/colorSpace" },
      "components": { "$ref": "#/blue/50/$value/components" },
      "alpha": 0.1
    },
    "$description": "Inner shadow color for AI elements. Creates inset depth effect for AI-enhanced surfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-aura-start-sm": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/blue/50/$value/colorSpace" },
      "components": { "$ref": "#/blue/50/$value/components" },
      "alpha": 0.16
    },
    "$description": "Start color for small AI aura gradient. Use for compact AI indicators or smaller UI elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-aura-start": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/blue/50/$value/colorSpace" },
      "components": { "$ref": "#/blue/50/$value/components" },
      "alpha": 0.1
    },
    "$description": "Start color for AI aura gradient effect. Provides the vibrant blue beginning of the gradient for AI-enhanced elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-aura-end": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/white/$value/colorSpace" },
      "components": { "$ref": "#/white/$value/components" },
      "alpha": 0
    },
    "$description": "End color for AI aura gradient effect. Creates a fade-to-transparent effect at the edge of AI-enhanced elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-aura-hover-background": {
    "$type": "color",
    "$value": "{blue.10}",
    "$description": "Background color for AI aura on hover. Use when user hovers over AI-enhanced interactive elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-aura-hover-start": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/blue/50/$value/colorSpace" },
      "components": { "$ref": "#/blue/50/$value/components" },
      "alpha": 0.32
    },
    "$description": "Start color for AI aura gradient on hover. Provides the vibrant blue beginning of the hover gradient.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-aura-hover-end": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/white/$value/colorSpace" },
      "components": { "$ref": "#/white/$value/components" },
      "alpha": 0
    },
    "$description": "End color for AI aura gradient on hover. Creates hover state fade effect for AI elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-border-strong": {
    "$type": "color",
    "$value": "{blue.50}",
    "$description": "Strong border color for AI elements. Use for high-emphasis AI borders that need clear definition.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-border-start": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/blue/30/$value/colorSpace" },
      "components": { "$ref": "#/blue/30/$value/components" },
      "alpha": 0.64
    },
    "$description": "Start color for AI border gradient. Creates the darker edge of gradient borders on AI elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-border-end": {
    "$type": "color",
    "$value": "{blue.40}",
    "$description": "End color for AI border gradient. Creates the lighter edge of gradient borders on AI elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-drop-shadow": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/blue/60/$value/colorSpace" },
      "components": { "$ref": "#/blue/60/$value/components" },
      "alpha": 0.1
    },
    "$description": "Drop shadow color for AI elements. Provides depth and elevation for AI-enhanced components.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-skeleton-background": {
    "$type": "color",
    "$value": "{blue.20}",
    "$description": "Background color for AI skeleton loaders. Use while AI-generated content is loading.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-skeleton-element-background": {
    "$type": "color",
    "$value": "{blue.50}",
    "$description": "Element background color for AI skeleton loaders. Provides the animated shimmer effect for loading AI content.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-overlay": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/blue/100/$value/colorSpace" },
      "components": { "$ref": "#/blue/100/$value/components" },
      "alpha": 0.5
    },
    "$description": "Overlay color for AI modal backgrounds. Use to dim content behind AI dialogs or popovers.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-popover-caret-center": {
    "$type": "color",
    "$value": {
      "colorSpace": "srgb",
      "components": [0.627451, 0.764706, 1],
      "hex": "#a0c3ff"
    },
    "$description": "Center color for AI popover caret gradient. Creates the vibrant middle of the gradient pointer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-popover-caret-bottom": {
    "$type": "color",
    "$value": "{blue.40}",
    "$description": "Bottom caret color for AI popovers. Creates the gradient pointer at the bottom of AI tooltips.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-popover-caret-bottom-background": {
    "$type": "color",
    "$value": {
      "colorSpace": "srgb",
      "components": [0.917647, 0.945098, 1],
      "hex": "#eaf1ff"
    },
    "$description": "Background color for bottom caret of AI popovers. Provides the base color for the popover pointer.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "ai-popover-caret-bottom-background-actions": {
    "$type": "color",
    "$value": {
      "colorSpace": "srgb",
      "components": [0.913725, 0.937255, 0.980392],
      "hex": "#e9effa"
    },
    "$description": "Background color for action area in AI popover bottom caret. Use for interactive sections within AI tooltips.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-prompt-background": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Background color for chat input prompt area. Use for the message composition field.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-prompt-border-start": {
    "$type": "color",
    "$value": "{gray.10}",
    "$description": "Start color for chat prompt border gradient. Defines the beginning of input border gradient.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-prompt-border-end": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/10/$value/colorSpace" },
      "components": { "$ref": "#/gray/10/$value/components" },
      "alpha": 0
    },
    "$description": "End color for chat prompt border gradient. Creates fade effect at edge of input area.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-prompt-text": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Text color for chat input prompt. Ensures readable text in message composition area.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-bubble-user": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Background color for user message bubbles. Use for messages from the current user in chat interfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-bubble-user-text": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Text color for user message bubbles. Ensures readable contrast in user messages.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-bubble-agent": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Background color for agent message bubbles. Use for messages from human agents in chat interfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-bubble-agent-text": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Text color for agent message bubbles. Ensures readable contrast in agent messages.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-bubble-border": {
    "$type": "color",
    "$value": "{gray.20}",
    "$description": "Border color for chat message bubbles. Provides visual definition for all message types.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-avatar-bot": {
    "$type": "color",
    "$value": "{gray.60}",
    "$description": "Avatar background color for AI bots in chat. Use to identify automated or AI-generated responses.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-avatar-agent": {
    "$type": "color",
    "$value": "{gray.80}",
    "$description": "Avatar background color for human agents in chat. Use to distinguish agent messages from bot or user.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-avatar-user": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Avatar background color for users in chat. Use to identify messages from the current user.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-shell-background": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Background color for chat container shell. Use as the base surface for entire chat interface.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-header-background": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Background color for chat header. Use for the top section of chat interfaces.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-header-text": {
    "$type": "color",
    "$value": "{gray.100}",
    "$description": "Text color for chat header. Ensures readable titles and labels in chat header.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-button": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Icon color for chat action buttons. Use for interactive elements within chat interface.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-button-hover": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/50/$value/colorSpace" },
      "components": { "$ref": "#/gray/50/$value/components" },
      "alpha": 0.12
    },
    "$description": "Background color for chat buttons on hover. Use to provide feedback when hovering over chat actions.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-button-text-hover": {
    "$type": "color",
    "$value": "{blue.70}",
    "$description": "Text color for chat buttons on hover. Provides visual feedback for interactive chat elements.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-button-active": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/50/$value/colorSpace" },
      "components": { "$ref": "#/gray/50/$value/components" },
      "alpha": 0.5
    },
    "$description": "Background color for chat buttons in active/pressed state. Use when user clicks chat actions.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-button-selected": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/gray/50/$value/colorSpace" },
      "components": { "$ref": "#/gray/50/$value/components" },
      "alpha": 0.2
    },
    "$description": "Background color for selected chat buttons. Use to highlight currently active chat action.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "chat-button-text-selected": {
    "$type": "color",
    "$value": "{gray.70}",
    "$description": "Text color for selected chat buttons. Indicates the currently active chat action.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "AI",
        "properties": ["background"]
      }
    }
  },
  "highlight": {
    "$type": "color",
    "$value": "{blue.20}",
    "$description": "Highlight color for selected text or emphasized content. Use for text selection or search result highlighting."
  },
  "overlay": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/black/$value/colorSpace" },
      "components": { "$ref": "#/black/$value/components" },
      "alpha": 0.6
    },
    "$description": "Overlay color for modal backgrounds. Use to dim content behind dialogs and modals.",
    "$extensions": {
      "com.ibm.carbon": {
        "properties": ["background"]
      }
    }
  },
  "toggle-off": {
    "$type": "color",
    "$value": "{gray.50}",
    "$description": "Off. Token for off in the design system."
  },
  "shadow": {
    "$type": "color",
    "$value": {
      "colorSpace": { "$ref": "#/black/$value/colorSpace" },
      "components": { "$ref": "#/black/$value/components" },
      "alpha": 0.3
    },
    "$description": "Shadow color for elevation. Provides depth and layering for elevated components."
  },
  "focus": {
    "$type": "color",
    "$value": "{blue.60}",
    "$description": "Focus indicator color. Use for focus rings and outlines on interactive elements for keyboard navigation.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Focus",
        "properties": ["border"]
      }
    }
  },
  "focus-inset": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Inset focus indicator color. Use for inner focus rings on elements with colored backgrounds.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Focus",
        "properties": ["border"]
      }
    }
  },
  "focus-inverse": {
    "$type": "color",
    "$value": "{white}",
    "$description": "Focus indicator for inverse/dark elements. Use for focus rings on dark backgrounds.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Focus",
        "properties": ["border"]
      }
    }
  },
  "skeleton-background": {
    "$type": "color",
    "$value": "{gray.10Hover}",
    "$description": "Background color for skeleton loaders. Use as base for loading placeholders.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Skeleton",
        "properties": ["background"]
      }
    }
  },
  "skeleton-element": {
    "$type": "color",
    "$value": "{gray.30}",
    "$description": "Element color for skeleton loaders. Provides the animated shimmer effect for loading states.",
    "$extensions": {
      "com.ibm.carbon": {
        "group": "Skeleton",
        "properties": ["background"]
      }
    }
  }
}