@bitrise/bitkit-v2 0.3.252 → 0.3.253-beta.1712

package/dist/theme/semantic-tokens/semanticColors.js

@@ -1,477 +1,361 @@
-import { withSlashes } from "../themeUtils.js";
 import { defineSemanticTokens } from "@chakra-ui/react/styled-system";
 //#region lib/theme/semantic-tokens/semanticColors.ts
-var semanticColors = defineSemanticTokens.colors(withSlashes({
-	brand: { primary: { value: { base: "{colors.purple.30}" } } },
-	separator: { primary: { value: { base: "{colors.neutral.90}" } } },
-	sys: {
-		fg: {
-			base: { value: { _light: "{colors.neutral.10}" } },
-			primary: { value: { _light: "{colors.purple.10}" } },
-			secondary: { value: { _light: "{colors.neutral.40}" } },
-			tertiary: { value: { _light: "{colors.neutral.60}" } },
-			subtle: { value: { _light: "{colors.neutral.70}" } },
-			minimal: { value: { _light: "{colors.neutral.80}" } },
-			positive: { value: { _light: "{colors.green.50}" } },
-			negative: { value: { _light: "{colors.red.50}" } },
-			"on-color": { value: { _light: "{colors.neutral.100}" } },
-			"on-contrast": { value: { _light: "{colors.neutral.95}" } },
-			"on-disabled": { value: { _light: "{colors.neutral.70}" } },
-			disabled: { value: { _light: "{colors.neutral.80}" } },
-			warning: { value: { _light: "{colors.yellow.60}" } }
-		},
-		bg: {
-			surface: { value: { _light: "{colors.neutral.100}" } },
-			contrast: { value: { _light: "{colors.neutral.10}" } },
-			moderate: { value: { _light: "{colors.neutral.90}" } },
-			subtle: { value: { _light: "{colors.neutral.93}" } },
-			minimal: { value: { _light: "{colors.neutral.95}" } },
-			disabled: { value: { _light: "{colors.neutral.95}" } }
-		},
-		border: {
-			minimal: { value: { _light: "{colors.neutral.93}" } },
-			subtle: { value: { _light: "{colors.neutral.90}" } },
-			strong: { value: { _light: "{colors.neutral.80}" } },
-			emphasized: { value: { _light: "{colors.neutral.70}" } },
-			critical: { value: { _light: "{colors.red.50}" } },
-			inverse: { value: { _light: "{colors.neutral.100}" } },
-			"on-contrast": { value: { _light: "{colors.neutral.95}" } },
-			disabled: { value: { _light: "{colors.neutral.90}" } }
-		},
-		primary: {
-			base: { value: { _light: "{colors.purple.40}" } },
-			emphasized: { value: { _light: "{colors.purple.30}" } },
-			contrast: { value: { _light: "{colors.purple.10}" } },
-			muted: { value: { _light: "{colors.purple.80}" } },
-			subtle: { value: { _light: "{colors.purple.93}" } },
-			disabled: { value: { _light: "{colors.neutral.90}" } }
-		},
-		interactive: {
-			base: { value: { _light: "{colors.purple.50}" } },
-			strong: { value: { _light: "{colors.purple.40}" } },
-			highlight: { value: { _light: "{colors.purple.70}" } },
-			disabled: { value: { _light: "{colors.neutral.90}" } }
-		},
-		purple: {
-			base: { value: { _light: "{colors.purple.50}" } },
-			strong: { value: { _light: "{colors.purple.40}" } },
-			bold: { value: { _light: "{colors.purple.60}" } },
-			highlight: { value: { _light: "{colors.purple.70}" } },
-			muted: { value: { _light: "{colors.purple.80}" } },
-			moderate: { value: { _light: "{colors.purple.90}" } },
-			subtle: { value: { _light: "{colors.purple.93}" } },
-			minimal: { value: { _light: "{colors.purple.95}" } },
-			disabled: { value: { _light: "{colors.neutral.90}" } }
-		},
-		indigo: {
-			base: { value: { _light: "{colors.indigo.50}" } },
-			dark: { value: { _light: "{colors.indigo.20}" } },
-			emphasized: { value: { _light: "{colors.indigo.30}" } },
-			strong: { value: { _light: "{colors.indigo.40}" } },
-			bold: { value: { _light: "{colors.indigo.60}" } },
-			muted: { value: { _light: "{colors.indigo.80}" } },
-			moderate: { value: { _light: "{colors.indigo.90}" } },
-			subtle: { value: { _light: "{colors.indigo.93}" } },
-			minimal: { value: { _light: "{colors.indigo.95}" } }
-		},
-		blue: {
-			base: { value: { _light: "{colors.blue.50}" } },
-			strong: { value: { _light: "{colors.blue.40}" } },
-			bold: { value: { _light: "{colors.blue.60}" } },
-			muted: { value: { _light: "{colors.blue.80}" } },
-			moderate: { value: { _light: "{colors.blue.90}" } },
-			subtle: { value: { _light: "{colors.blue.93}" } },
-			minimal: { value: { _light: "{colors.blue.95}" } }
-		},
-		green: {
-			base: { value: { _light: "{colors.green.50}" } },
-			strong: { value: { _light: "{colors.green.40}" } },
-			bold: { value: { _light: "{colors.green.60}" } },
-			muted: { value: { _light: "{colors.green.80}" } },
-			moderate: { value: { _light: "{colors.green.90}" } },
-			subtle: { value: { _light: "{colors.green.93}" } },
-			minimal: { value: { _light: "{colors.green.95}" } }
-		},
-		yellow: {
-			base: { value: { _light: "{colors.yellow.50}" } },
-			strong: { value: { _light: "{colors.yellow.40}" } },
-			bold: { value: { _light: "{colors.yellow.60}" } },
-			muted: { value: { _light: "{colors.yellow.80}" } },
-			moderate: { value: { _light: "{colors.yellow.90}" } },
-			subtle: { value: { _light: "{colors.yellow.93}" } },
-			minimal: { value: { _light: "{colors.yellow.95}" } }
-		},
-		red: {
-			base: { value: { _light: "{colors.red.50}" } },
-			dark: { value: { _light: "{colors.red.20}" } },
-			strong: { value: { _light: "{colors.red.40}" } },
-			bold: { value: { _light: "{colors.red.60}" } },
-			muted: { value: { _light: "{colors.red.80}" } },
-			moderate: { value: { _light: "{colors.red.90}" } },
-			subtle: { value: { _light: "{colors.red.93}" } },
-			minimal: { value: { _light: "{colors.red.95}" } }
-		},
-		neutral: {
-			base: { value: { _light: "{colors.neutral.50}" } },
-			strong: { value: { _light: "{colors.neutral.40}" } },
-			bold: { value: { _light: "{colors.neutral.60}" } },
-			muted: { value: { _light: "{colors.neutral.80}" } },
-			moderate: { value: { _light: "{colors.neutral.90}" } },
-			subtle: { value: { _light: "{colors.neutral.93}" } },
-			minimal: { value: { _light: "{colors.neutral.95}" } }
-		},
-		orange: {
-			base: { value: { _light: "{colors.orange.50}" } },
-			strong: { value: { _light: "{colors.orange.40}" } },
-			bold: { value: { _light: "{colors.orange.60}" } },
-			muted: { value: { _light: "{colors.orange.80}" } },
-			moderate: { value: { _light: "{colors.orange.90}" } },
-			subtle: { value: { _light: "{colors.orange.93}" } },
-			minimal: { value: { _light: "{colors.orange.95}" } }
-		},
-		turquoise: {
-			base: { value: { _light: "{colors.turquoise.50}" } },
-			dark: { value: { _light: "{colors.turquoise.20}" } },
-			emphasized: { value: { _light: "{colors.turquoise.30}" } },
-			strong: { value: { _light: "{colors.turquoise.40}" } },
-			bold: { value: { _light: "{colors.turquoise.60}" } },
-			muted: { value: { _light: "{colors.turquoise.80}" } },
-			moderate: { value: { _light: "{colors.turquoise.90}" } },
-			subtle: { value: { _light: "{colors.turquoise.93}" } },
-			minimal: { value: { _light: "{colors.turquoise.95}" } }
-		},
-		white: {
-			a0: { value: { _light: "rgba(255, 255, 255, 0)" } },
-			a10: { value: { _light: "rgba(255, 255, 255, 0.1)" } },
-			a15: { value: { _light: "rgba(255, 255, 255, 0.15)" } },
-			a20: { value: { _light: "rgba(255, 255, 255, 0.2)" } },
-			a30: { value: { _light: "rgba(255, 255, 255, 0.3)" } },
-			a50: { value: { _light: "rgba(255, 255, 255, 0.5)" } },
-			a80: { value: { _light: "rgba(255, 255, 255, 0.8)" } },
-			a90: { value: { _light: "rgba(255, 255, 255, 0.9)" } },
-			a100: { value: { _light: "rgb(255, 255, 255)" } }
-		},
-		"ai-gradient": {
-			base: { value: { _light: "linear-gradient(90deg, {colors.sys.purple} 0%, {colors.sys.indigo} 50%, {colors.sys.blue} 100%)" } },
-			bold: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.bold} 0%, {colors.sys.indigo.bold} 50%, {colors.sys.blue.bold} 100%)" } },
-			minimal: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)" } },
-			moderate: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.moderate} 0%, {colors.sys.indigo.moderate} 50%, {colors.sys.blue.moderate} 100%)" } },
-			muted: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)" } },
-			subtle: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)" } }
-		}
-	},
-	background: {
-		primary: { value: { base: "{colors.sys.bg.surface}" } },
-		secondary: { value: { base: "{colors.sys.bg.minimal}" } },
-		tertiary: { value: { base: "{colors.sys.bg.subtle}" } },
-		hover: { value: { base: "{colors.sys.bg.subtle}" } },
-		active: { value: { base: "{colors.sys.bg.moderate}" } },
-		selected: { value: { base: "{colors.sys.purple.minimal}" } },
-		"selected-active": { value: { base: "{colors.sys.purple.moderate}" } },
-		"selected-hover": { value: { base: "{colors.sys.purple.subtle}" } },
-		contrast: { value: { base: "{colors.sys.bg.contrast}" } },
-		disabled: { value: { base: "{colors.sys.bg.disabled}" } }
-	},
-	border: {
-		regular: { value: { base: "{colors.sys.border.subtle}" } },
-		minimal: { value: { base: "{colors.sys.border.minimal}" } },
-		strong: { value: { base: "{colors.sys.border.strong}" } },
-		hover: { value: { base: "{colors.sys.border.emphasized}" } },
-		focus: { value: { base: "{colors.sys.interactive.highlight}" } },
-		selected: { value: { base: "{colors.sys.interactive}" } },
-		error: { value: { base: "{colors.sys.border.critical}" } },
-		inverse: { value: { base: "{colors.sys.border.inverse}" } },
-		"on-contrast": { value: { base: "{colors.sys.border.on-contrast}" } },
-		disabled: { value: { base: "{colors.sys.border.disabled}" } }
-	},
-	text: {
-		primary: { value: { base: "{colors.sys.fg.primary}" } },
-		secondary: { value: { base: "{colors.sys.fg.secondary}" } },
-		tertiary: { value: { base: "{colors.sys.fg.tertiary}" } },
-		body: { value: { base: "{colors.sys.fg}" } },
-		helper: { value: { base: "{colors.sys.fg.secondary}" } },
-		link: { value: { base: "{colors.sys.interactive}" } },
-		"link-hover": { value: { base: "{colors.sys.interactive.strong}" } },
-		selected: { value: { base: "{colors.sys.interactive}" } },
-		positive: { value: { base: "{colors.sys.fg.positive}" } },
-		negative: { value: { base: "{colors.sys.fg.negative}" } },
-		"on-color": { value: { base: "{colors.sys.fg.on-color}" } },
-		"on-contrast": { value: { base: "{colors.sys.fg.on-contrast}" } },
-		"on-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } },
-		disabled: { value: { base: "{colors.sys.fg.disabled}" } }
-	},
-	icon: {
-		primary: { value: { base: "{colors.sys.fg.primary}" } },
-		secondary: { value: { base: "{colors.sys.fg.secondary}" } },
-		tertiary: { value: { base: "{colors.sys.fg.tertiary}" } },
-		interactive: { value: { base: "{colors.sys.interactive}" } },
-		"interactive-hover": { value: { base: "{colors.sys.interactive.strong}" } },
-		positive: { value: { base: "{colors.sys.fg.positive}" } },
-		negative: { value: { base: "{colors.sys.fg.negative}" } },
-		"on-color": { value: { base: "{colors.sys.fg.on-color}" } },
-		"on-contrast": { value: { base: "{colors.sys.fg.on-contrast}" } },
-		"on-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } },
-		disabled: { value: { base: "{colors.sys.fg.disabled}" } },
-		warning: { value: { base: "{colors.sys.fg.warning}" } }
-	},
-	button: {
-		primary: {
-			bg: { value: { base: "{colors.sys.primary}" } },
-			"bg-hover": { value: { base: "{colors.sys.primary.emphasized}" } },
-			"bg-active": { value: { base: "{colors.sys.fg.primary}" } },
-			"bg-disabled": { value: { base: "{colors.sys.primary.disabled}" } },
-			fg: { value: { base: "{colors.sys.fg.on-color}" } },
-			"fg-hover": { value: { base: "{colors.sys.fg.on-color}" } },
-			"fg-active": { value: { base: "{colors.sys.fg.on-color}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } }
-		},
-		secondary: {
-			bg: { value: { base: "{colors.sys.bg.surface}" } },
-			"bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
-			"bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
-			fg: {
-				base: { value: { base: "{colors.sys.fg.primary}" } },
-				text: { value: { base: "{colors.sys.fg.primary}" } },
-				icon: { value: { base: "{colors.sys.fg.secondary}" } }
-			},
-			"fg-hover": { value: { base: "{colors.sys.fg.primary}" } },
-			"fg-active": { value: { base: "{colors.sys.fg.primary}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } },
-			border: { value: { base: "{colors.sys.border.strong}" } },
-			"border-hover": { value: { base: "{colors.sys.border.emphasized}" } },
-			"border-active": { value: { base: "{colors.sys.border.emphasized}" } },
-			"border-disabled": { value: { base: "{colors.sys.border.disabled}" } }
-		},
-		tertiary: {
-			bg: { value: { base: "transparent" } },
-			"bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
-			"bg-disabled": { value: { base: "transparent" } },
-			fg: { value: { base: "{colors.sys.interactive}" } },
-			"fg-hover": { value: { base: "{colors.sys.interactive.strong}" } },
-			"fg-active": { value: { base: "{colors.sys.fg.primary}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
-		},
-		"danger-primary": {
-			bg: { value: { base: "{colors.sys.red}" } },
-			"bg-hover": { value: { base: "{colors.sys.red.strong}" } },
-			"bg-active": { value: { base: "{colors.sys.red.dark}" } },
-			"bg-disabled": { value: { base: "{colors.sys.primary.disabled}" } },
-			fg: { value: { base: "{colors.sys.fg.on-color}" } },
-			"fg-hover": { value: { base: "{colors.sys.fg.on-color}" } },
-			"fg-active": { value: { base: "{colors.sys.fg.on-color}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } }
-		},
-		"danger-secondary": {
-			bg: { value: { base: "{colors.sys.bg.surface}" } },
-			"bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
-			"bg-active": { value: { base: "{colors.sys.red.moderate}" } },
-			"bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
-			fg: { value: { base: "{colors.sys.red}" } },
-			"fg-hover": { value: { base: "{colors.sys.red}" } },
-			"fg-active": { value: { base: "{colors.sys.red.strong}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } },
-			border: { value: { base: "{colors.sys.red.muted}" } },
-			"border-hover": { value: { base: "{colors.sys.red.muted}" } },
-			"border-active": { value: { base: "{colors.sys.red}" } },
-			"border-disabled": { value: { base: "{colors.sys.border.disabled}" } }
-		},
-		"danger-tertiary": {
-			bg: { value: { base: "transparent" } },
-			"bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
-			"bg-active": { value: { base: "{colors.sys.red.moderate}" } },
-			"bg-disabled": { value: { base: "transparent" } },
-			fg: { value: { base: "{colors.sys.red}" } },
-			"fg-hover": { value: { base: "{colors.sys.red}" } },
-			"fg-active": { value: { base: "{colors.sys.red.strong}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
-		},
-		"ai-primary": {
-			bg: { value: { base: "{colors.sys.indigo}" } },
-			"bg-hover": { value: { base: "{colors.sys.indigo.emphasized}" } },
-			"bg-active": { value: { base: "{colors.sys.indigo.dark}" } },
-			"bg-disabled": { value: { base: "{colors.sys.primary.disabled}" } },
-			fg: { value: { base: "{colors.sys.fg.on-color}" } },
-			"fg-hover": { value: { base: "{colors.sys.fg.on-color}" } },
-			"fg-active": { value: { base: "{colors.sys.fg.on-color}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } }
-		},
-		"ai-secondary": {
-			bg: { value: { base: "{colors.sys.bg.surface}" } },
-			"bg-hover": { value: { base: "{colors.sys.indigo.minimal}" } },
-			"bg-active": { value: { base: "{colors.sys.indigo.moderate}" } },
-			"bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
-			fg: { value: { base: "{colors.sys.indigo}" } },
-			"fg-hover": { value: { base: "{colors.sys.indigo}" } },
-			"fg-active": { value: { base: "{colors.sys.indigo.strong}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } },
-			border: { value: { base: "{colors.sys.indigo.muted}" } },
-			"border-hover": { value: { base: "{colors.sys.indigo.muted}" } },
-			"border-active": { value: { base: "{colors.sys.indigo}" } },
-			"border-disabled": { value: { base: "{colors.sys.border.disabled}" } }
-		},
-		"ai-tertiary": {
-			bg: { value: { base: "transparent" } },
-			"bg-hover": { value: { base: "{colors.sys.indigo.minimal}" } },
-			"bg-active": { value: { base: "{colors.sys.indigo.moderate}" } },
-			"bg-disabled": { value: { base: "transparent" } },
-			fg: { value: { base: "{colors.sys.indigo}" } },
-			"fg-hover": { value: { base: "{colors.sys.indigo}" } },
-			"fg-active": { value: { base: "{colors.sys.indigo.strong}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
-		},
-		control: {
-			bg: { value: { base: "transparent" } },
-			"bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
-			"bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
-			fg: { value: { base: "{colors.sys.fg.secondary}" } },
-			"fg-hover": { value: { base: "{colors.sys.fg.primary}" } },
-			"fg-active": { value: { base: "{colors.sys.fg.primary}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
-		},
-		"control-danger": {
-			bg: { value: { base: "transparent" } },
-			"bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
-			"bg-active": { value: { base: "{colors.sys.red.moderate}" } },
-			"bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
-			fg: { value: { base: "{colors.sys.red}" } },
-			"fg-hover": { value: { base: "{colors.sys.red}" } },
-			"fg-active": { value: { base: "{colors.sys.red.strong}" } },
-			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
-		}
-	},
-	"ui-header": {
-		bg: { value: { base: "{colors.sys.white.a0}" } },
-		"bg-hover": { value: { base: "{colors.sys.white.a10}" } },
-		"bg-active": { value: { base: "{colors.sys.white.a20}" } },
-		"bg-selected": { value: { base: "{colors.sys.white.a20}" } },
-		"bg-selected-hover": { value: { base: "{colors.sys.white.a10}" } }
-	},
-	input: {
-		text: {
-			label: { value: { base: "{colors.sys.fg.primary}" } },
-			inputValue: { value: { base: "{colors.sys.fg}" } },
-			placeholder: { value: { base: "{colors.sys.fg.subtle}" } },
-			helper: { value: { base: "{colors.sys.fg.secondary}" } },
-			error: { value: { base: "{colors.sys.fg.negative}" } }
-		},
-		checkbox: {
-			selection: { value: { base: "{colors.sys.interactive}" } },
-			"selection-disabled": { value: { base: "{colors.sys.interactive.disabled}" } }
-		},
-		switch: {
-			on: {
-				track: { value: { base: "{colors.sys.green.bold}" } },
-				"track-disabled": { value: { base: "{colors.sys.green.bold/50}" } },
-				thumb: { value: { base: "{colors.sys.bg.surface}" } },
-				"thumb-disabled": { value: { base: "{colors.sys.bg.surface}" } }
-			},
-			off: {
-				track: { value: { base: "{colors.sys.neutral.bold}" } },
-				"track-disabled": { value: { base: "{colors.sys.neutral.bold/50}" } },
-				thumb: { value: { base: "{colors.sys.bg.surface}" } },
-				"thumb-disabled": { value: { base: "{colors.sys.bg.surface}" } }
-			}
-		}
-	},
-	interactive: {
-		base: { value: { base: "{colors.sys.purple}" } },
-		bold: { value: { base: "{colors.sys.purple.bold}" } },
-		highlight: { value: { base: "{colors.sys.interactive.highlight}" } },
-		muted: { value: { base: "{colors.sys.purple.muted}" } },
-		moderate: { value: { base: "{colors.sys.purple.moderate}" } },
-		subtle: { value: { base: "{colors.sys.purple.subtle}" } },
-		minimal: { value: { base: "{colors.sys.purple.minimal}" } },
-		disabled: { value: { base: "{colors.sys.neutral.subtle}" } }
-	},
-	status: {
-		info: {
-			bg: { value: { base: "{colors.sys.blue.minimal}" } },
-			"bg-hover": { value: { base: "{colors.sys.blue.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.blue.moderate}" } },
-			border: { value: { base: "{colors.sys.blue.muted}" } },
-			icon: { value: { base: "{colors.sys.blue.strong}" } },
-			text: { value: { base: "{colors.sys.blue.strong}" } }
-		},
-		success: {
-			bg: { value: { base: "{colors.sys.green.minimal}" } },
-			"bg-hover": { value: { base: "{colors.sys.green.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.green.moderate}" } },
-			border: { value: { base: "{colors.sys.green.muted}" } },
-			icon: { value: { base: "{colors.sys.green.strong}" } },
-			text: { value: { base: "{colors.sys.green.strong}" } }
-		},
-		warning: {
-			bg: { value: { base: "{colors.sys.yellow.minimal}" } },
-			"bg-hover": { value: { base: "{colors.sys.yellow.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.yellow.moderate}" } },
-			border: { value: { base: "{colors.sys.yellow.muted}" } },
-			icon: { value: { base: "{colors.sys.yellow.strong}" } },
-			text: { value: { base: "{colors.sys.yellow.strong}" } }
-		},
-		critical: {
-			bg: { value: { base: "{colors.sys.red.minimal}" } },
-			"bg-hover": { value: { base: "{colors.sys.red.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.red.moderate}" } },
-			border: { value: { base: "{colors.sys.red.muted}" } },
-			icon: { value: { base: "{colors.sys.red.strong}" } },
-			text: { value: { base: "{colors.sys.red.strong}" } }
-		},
-		progress: {
-			bg: { value: { base: "{colors.sys.purple.minimal}" } },
-			"bg-hover": { value: { base: "{colors.sys.purple.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.purple.moderate}" } },
-			border: { value: { base: "{colors.sys.purple.muted}" } },
-			icon: { value: { base: "{colors.sys.interactive.strong}" } },
-			text: { value: { base: "{colors.sys.interactive.strong}" } }
-		},
-		neutral: {
-			bg: { value: { base: "{colors.sys.neutral.minimal}" } },
-			"bg-hover": { value: { base: "{colors.sys.neutral.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.neutral.moderate}" } },
-			border: { value: { base: "{colors.sys.neutral.muted}" } },
-			icon: { value: { base: "{colors.sys.neutral.strong}" } },
-			text: { value: { base: "{colors.sys.neutral.strong}" } }
-		},
-		ai: {
-			bg: { value: { base: "{colors.sys.ai-gradient.minimal}" } },
-			"bg-hover": { value: { base: "{colors.sys.ai-gradient.subtle}" } },
-			"bg-active": { value: { base: "{colors.sys.ai-gradient.moderate}" } },
-			border: { value: { base: "{colors.ai.border.strong}" } },
-			icon: { value: { base: "{colors.sys.indigo.strong}" } },
-			text: { value: { base: "{colors.sys.indigo.strong}" } }
-		}
-	},
-	ai: {
-		background: {
-			minimal: { value: { base: "{colors.sys.ai-gradient.minimal}" } },
-			subtle: { value: { base: "{colors.sys.ai-gradient.subtle}" } },
-			moderate: { value: { base: "{colors.sys.ai-gradient.moderate}" } },
-			"minimal-vertical": { value: { base: "linear-gradient(180deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)" } }
-		},
-		border: {
-			regular: { value: { base: "linear-gradient(135deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)" } },
-			minimal: { value: { base: "linear-gradient(135deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)" } },
-			strong: { value: { base: "linear-gradient(135deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)" } }
-		}
-	},
-	utilities: {
-		overlay: { value: { base: "{colors.sys.bg.contrast/50}" } },
-		"overlay-side": { value: { base: "linear-gradient(90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)" } },
-		"overlay-light": { value: { base: "{colors.sys.bg.contrast/16}" } },
-		skeleton: { value: { base: "{colors.sys.bg.subtle}" } },
-		"skeleton-strong": { value: { base: "{colors.sys.fg.minimal}" } }
-	},
-	ui: { "header-action": {
-		bg: { value: { base: "{colors.sys.bg.surface/0}" } },
-		"bg-hover": { value: { base: "{colors.sys.bg.surface/20}" } },
-		"bg-active": { value: { base: "{colors.sys.bg.surface/20}" } },
-		"bg-selected": { value: { base: "{colors.sys.bg.surface/20}" } },
-		"bg-selected-hover": { value: { base: "{colors.sys.bg.surface/10}" } }
-	} }
-}));
+var semanticColors = defineSemanticTokens.colors({
+	"sys/fg/base": { value: { _light: "{colors.neutral.10}" } },
+	"sys/fg/primary": { value: { _light: "{colors.purple.10}" } },
+	"sys/fg/secondary": { value: { _light: "{colors.neutral.40}" } },
+	"sys/fg/tertiary": { value: { _light: "{colors.neutral.60}" } },
+	"sys/fg/subtle": { value: { _light: "{colors.neutral.70}" } },
+	"sys/fg/minimal": { value: { _light: "{colors.neutral.80}" } },
+	"sys/fg/positive": { value: { _light: "{colors.green.50}" } },
+	"sys/fg/negative": { value: { _light: "{colors.red.50}" } },
+	"sys/fg/on-color": { value: { _light: "{colors.neutral.100}" } },
+	"sys/fg/on-contrast": { value: { _light: "{colors.neutral.95}" } },
+	"sys/fg/on-disabled": { value: { _light: "{colors.neutral.70}" } },
+	"sys/fg/disabled": { value: { _light: "{colors.neutral.80}" } },
+	"sys/fg/warning": { value: { _light: "{colors.yellow.60}" } },
+	"sys/bg/surface": { value: { _light: "{colors.neutral.100}" } },
+	"sys/bg/contrast": { value: { _light: "{colors.neutral.10}" } },
+	"sys/bg/moderate": { value: { _light: "{colors.neutral.90}" } },
+	"sys/bg/subtle": { value: { _light: "{colors.neutral.93}" } },
+	"sys/bg/minimal": { value: { _light: "{colors.neutral.95}" } },
+	"sys/bg/disabled": { value: { _light: "{colors.neutral.95}" } },
+	"sys/border/minimal": { value: { _light: "{colors.neutral.93}" } },
+	"sys/border/subtle": { value: { _light: "{colors.neutral.90}" } },
+	"sys/border/strong": { value: { _light: "{colors.neutral.80}" } },
+	"sys/border/emphasized": { value: { _light: "{colors.neutral.70}" } },
+	"sys/border/critical": { value: { _light: "{colors.red.50}" } },
+	"sys/border/inverse": { value: { _light: "{colors.neutral.100}" } },
+	"sys/border/on-contrast": { value: { _light: "{colors.neutral.95}" } },
+	"sys/border/disabled": { value: { _light: "{colors.neutral.90}" } },
+	"sys/primary/base": { value: { _light: "{colors.purple.40}" } },
+	"sys/primary/emphasized": { value: { _light: "{colors.purple.30}" } },
+	"sys/primary/contrast": { value: { _light: "{colors.purple.10}" } },
+	"sys/primary/muted": { value: { _light: "{colors.purple.80}" } },
+	"sys/primary/subtle": { value: { _light: "{colors.purple.93}" } },
+	"sys/primary/disabled": { value: { _light: "{colors.neutral.90}" } },
+	"sys/interactive/base": { value: { _light: "{colors.purple.50}" } },
+	"sys/interactive/strong": { value: { _light: "{colors.purple.40}" } },
+	"sys/interactive/highlight": { value: { _light: "{colors.purple.70}" } },
+	"sys/interactive/disabled": { value: { _light: "{colors.neutral.90}" } },
+	"sys/ui/header/control/bg": { value: { _light: "{colors.color/white/a0}" } },
+	"sys/ui/header/control/bg-hover": { value: { _light: "{colors.color/white/a10}" } },
+	"sys/ui/header/control/bg-active": { value: { _light: "{colors.color/white/a20}" } },
+	"sys/ui/header/control/bg-selected": { value: { _light: "{colors.color/white/a10}" } },
+	"sys/ui/header/control/bg-selected-hover": { value: { _light: "{colors.color/white/a20}" } },
+	"color/purple/base": { value: { _light: "{colors.purple.50}" } },
+	"color/purple/strong": { value: { _light: "{colors.purple.40}" } },
+	"color/purple/bold": { value: { _light: "{colors.purple.60}" } },
+	"color/purple/highlight": { value: { _light: "{colors.purple.70}" } },
+	"color/purple/muted": { value: { _light: "{colors.purple.80}" } },
+	"color/purple/moderate": { value: { _light: "{colors.purple.90}" } },
+	"color/purple/subtle": { value: { _light: "{colors.purple.93}" } },
+	"color/purple/minimal": { value: { _light: "{colors.purple.95}" } },
+	"color/purple/disabled": { value: { _light: "{colors.neutral.90}" } },
+	"color/indigo/base": { value: { _light: "{colors.indigo.50}" } },
+	"color/indigo/dark": { value: { _light: "{colors.indigo.20}" } },
+	"color/indigo/emphasized": { value: { _light: "{colors.indigo.30}" } },
+	"color/indigo/strong": { value: { _light: "{colors.indigo.40}" } },
+	"color/indigo/bold": { value: { _light: "{colors.indigo.60}" } },
+	"color/indigo/muted": { value: { _light: "{colors.indigo.80}" } },
+	"color/indigo/moderate": { value: { _light: "{colors.indigo.90}" } },
+	"color/indigo/subtle": { value: { _light: "{colors.indigo.93}" } },
+	"color/indigo/minimal": { value: { _light: "{colors.indigo.95}" } },
+	"color/blue/base": { value: { _light: "{colors.blue.50}" } },
+	"color/blue/strong": { value: { _light: "{colors.blue.40}" } },
+	"color/blue/bold": { value: { _light: "{colors.blue.60}" } },
+	"color/blue/muted": { value: { _light: "{colors.blue.80}" } },
+	"color/blue/moderate": { value: { _light: "{colors.blue.90}" } },
+	"color/blue/subtle": { value: { _light: "{colors.blue.93}" } },
+	"color/blue/minimal": { value: { _light: "{colors.blue.95}" } },
+	"color/green/base": { value: { _light: "{colors.green.50}" } },
+	"color/green/strong": { value: { _light: "{colors.green.40}" } },
+	"color/green/bold": { value: { _light: "{colors.green.60}" } },
+	"color/green/muted": { value: { _light: "{colors.green.80}" } },
+	"color/green/moderate": { value: { _light: "{colors.green.90}" } },
+	"color/green/subtle": { value: { _light: "{colors.green.93}" } },
+	"color/green/minimal": { value: { _light: "{colors.green.95}" } },
+	"color/yellow/base": { value: { _light: "{colors.yellow.50}" } },
+	"color/yellow/strong": { value: { _light: "{colors.yellow.40}" } },
+	"color/yellow/bold": { value: { _light: "{colors.yellow.60}" } },
+	"color/yellow/muted": { value: { _light: "{colors.yellow.80}" } },
+	"color/yellow/moderate": { value: { _light: "{colors.yellow.90}" } },
+	"color/yellow/subtle": { value: { _light: "{colors.yellow.93}" } },
+	"color/yellow/minimal": { value: { _light: "{colors.yellow.95}" } },
+	"color/red/base": { value: { _light: "{colors.red.50}" } },
+	"color/red/dark": { value: { _light: "{colors.red.20}" } },
+	"color/red/strong": { value: { _light: "{colors.red.40}" } },
+	"color/red/bold": { value: { _light: "{colors.red.60}" } },
+	"color/red/muted": { value: { _light: "{colors.red.80}" } },
+	"color/red/moderate": { value: { _light: "{colors.red.90}" } },
+	"color/red/subtle": { value: { _light: "{colors.red.93}" } },
+	"color/red/minimal": { value: { _light: "{colors.red.95}" } },
+	"color/neutral/base": { value: { _light: "{colors.neutral.50}" } },
+	"color/neutral/strong": { value: { _light: "{colors.neutral.40}" } },
+	"color/neutral/bold": { value: { _light: "{colors.neutral.60}" } },
+	"color/neutral/muted": { value: { _light: "{colors.neutral.80}" } },
+	"color/neutral/moderate": { value: { _light: "{colors.neutral.90}" } },
+	"color/neutral/subtle": { value: { _light: "{colors.neutral.93}" } },
+	"color/neutral/minimal": { value: { _light: "{colors.neutral.95}" } },
+	"color/orange/base": { value: { _light: "{colors.orange.50}" } },
+	"color/orange/strong": { value: { _light: "{colors.orange.40}" } },
+	"color/orange/bold": { value: { _light: "{colors.orange.60}" } },
+	"color/orange/muted": { value: { _light: "{colors.orange.80}" } },
+	"color/orange/moderate": { value: { _light: "{colors.orange.90}" } },
+	"color/orange/subtle": { value: { _light: "{colors.orange.93}" } },
+	"color/orange/minimal": { value: { _light: "{colors.orange.95}" } },
+	"color/turquoise/base": { value: { _light: "{colors.turquoise.50}" } },
+	"color/turquoise/dark": { value: { _light: "{colors.turquoise.20}" } },
+	"color/turquoise/emphasized": { value: { _light: "{colors.turquoise.30}" } },
+	"color/turquoise/strong": { value: { _light: "{colors.turquoise.40}" } },
+	"color/turquoise/bold": { value: { _light: "{colors.turquoise.60}" } },
+	"color/turquoise/muted": { value: { _light: "{colors.turquoise.80}" } },
+	"color/turquoise/moderate": { value: { _light: "{colors.turquoise.90}" } },
+	"color/turquoise/subtle": { value: { _light: "{colors.turquoise.93}" } },
+	"color/turquoise/minimal": { value: { _light: "{colors.turquoise.95}" } },
+	"color/white/a0": { value: { _light: "rgba(255, 255, 255, 0)" } },
+	"color/white/a10": { value: { _light: "{colors.white.10}" } },
+	"color/white/a15": { value: { _light: "{colors.white.15}" } },
+	"color/white/a20": { value: { _light: "{colors.white.20}" } },
+	"color/white/a30": { value: { _light: "{colors.white.30}" } },
+	"color/white/a50": { value: { _light: "{colors.white.50}" } },
+	"color/white/a80": { value: { _light: "{colors.white.80}" } },
+	"color/white/a90": { value: { _light: "{colors.white.90}" } },
+	"color/white/a100": { value: { _light: "{colors.white.100}" } },
+	"ai/background/base": { value: { base: "linear-gradient(90deg, {colors.purple.50} 0%, {colors.indigo.50} 50%, {colors.blue.50} 100%)" } },
+	"ai/background/bold": { value: { base: "linear-gradient(90deg, {colors.purple.60} 0%, {colors.indigo.60} 50%, {colors.blue.60} 100%)" } },
+	"ai/background/muted": { value: { base: "linear-gradient(90deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%)" } },
+	"ai/background/minimal": { value: { base: "linear-gradient(90deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%)" } },
+	"ai/background/subtle": { value: { base: "linear-gradient(90deg, {colors.purple.93} 0%, {colors.indigo.93} 50%, {colors.blue.93} 100%)" } },
+	"ai/background/moderate": { value: { base: "linear-gradient(90deg, {colors.purple.90} 0%, {colors.indigo.90} 50%, {colors.blue.90} 100%)" } },
+	"ai/background/minimal-vertical": { value: { base: "linear-gradient(180deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%)" } },
+	"ai/border/regular": { value: { base: "linear-gradient(135deg, {colors.purple.93} 0%, {colors.indigo.93} 50%, {colors.blue.93} 100%)" } },
+	"ai/border/minimal": { value: { base: "linear-gradient(135deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%)" } },
+	"ai/border/strong": { value: { base: "linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%)" } },
+	"background/primary": { value: { base: "{colors.sys/bg/surface}" } },
+	"background/secondary": { value: { base: "{colors.sys/bg/minimal}" } },
+	"background/tertiary": { value: { base: "{colors.sys/bg/subtle}" } },
+	"background/hover": { value: { base: "{colors.sys/bg/subtle}" } },
+	"background/active": { value: { base: "{colors.sys/bg/moderate}" } },
+	"background/selected": { value: { base: "{colors.color/purple/minimal}" } },
+	"background/selected-active": { value: { base: "{colors.color/purple/moderate}" } },
+	"background/selected-hover": { value: { base: "{colors.color/purple/subtle}" } },
+	"background/contrast": { value: { base: "{colors.sys/bg/contrast}" } },
+	"background/disabled": { value: { base: "{colors.sys/bg/disabled}" } },
+	"border/regular": { value: { base: "{colors.sys/border/subtle}" } },
+	"border/minimal": { value: { base: "{colors.sys/border/minimal}" } },
+	"border/strong": { value: { base: "{colors.sys/border/strong}" } },
+	"border/hover": { value: { base: "{colors.sys/border/emphasized}" } },
+	"border/focus": { value: { base: "{colors.color/purple/highlight}" } },
+	"border/selected": { value: { base: "{colors.color/purple/base}" } },
+	"border/error": { value: { base: "{colors.sys/border/critical}" } },
+	"border/inverse": { value: { base: "{colors.sys/border/inverse}" } },
+	"border/on-contrast": { value: { base: "{colors.sys/border/on-contrast}" } },
+	"border/disabled": { value: { base: "{colors.sys/border/disabled}" } },
+	"text/primary": { value: { base: "{colors.sys/fg/primary}" } },
+	"text/secondary": { value: { base: "{colors.sys/fg/secondary}" } },
+	"text/tertiary": { value: { base: "{colors.sys/fg/tertiary}" } },
+	"text/body": { value: { base: "{colors.sys/fg/base}" } },
+	"text/helper": { value: { base: "{colors.sys/fg/secondary}" } },
+	"text/link": { value: { base: "{colors.color/purple/base}" } },
+	"text/link-hover": { value: { base: "{colors.color/purple/strong}" } },
+	"text/selected": { value: { base: "{colors.color/purple/base}" } },
+	"text/positive": { value: { base: "{colors.sys/fg/positive}" } },
+	"text/negative": { value: { base: "{colors.sys/fg/negative}" } },
+	"text/on-color": { value: { base: "{colors.sys/fg/on-color}" } },
+	"text/on-contrast": { value: { base: "{colors.sys/fg/on-contrast}" } },
+	"text/on-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
+	"text/disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"icon/primary": { value: { base: "{colors.sys/fg/primary}" } },
+	"icon/secondary": { value: { base: "{colors.sys/fg/secondary}" } },
+	"icon/tertiary": { value: { base: "{colors.sys/fg/tertiary}" } },
+	"icon/interactive": { value: { base: "{colors.color/purple/base}" } },
+	"icon/interactive-hover": { value: { base: "{colors.color/purple/strong}" } },
+	"icon/positive": { value: { base: "{colors.sys/fg/positive}" } },
+	"icon/negative": { value: { base: "{colors.sys/fg/negative}" } },
+	"icon/on-color": { value: { base: "{colors.sys/fg/on-color}" } },
+	"icon/on-contrast": { value: { base: "{colors.sys/fg/on-contrast}" } },
+	"icon/on-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
+	"icon/disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"icon/warning": { value: { base: "{colors.sys/fg/warning}" } },
+	"button/primary/bg": { value: { base: "{colors.sys/primary/base}" } },
+	"button/primary/bg-hover": { value: { base: "{colors.sys/primary/emphasized}" } },
+	"button/primary/bg-active": { value: { base: "{colors.sys/fg/primary}" } },
+	"button/primary/bg-disabled": { value: { base: "{colors.sys/primary/disabled}" } },
+	"button/primary/fg": { value: { base: "{colors.sys/fg/on-color}" } },
+	"button/primary/fg-hover": { value: { base: "{colors.sys/fg/on-color}" } },
+	"button/primary/fg-active": { value: { base: "{colors.sys/fg/on-color}" } },
+	"button/primary/fg-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
+	"button/secondary/bg": { value: { base: "{colors.sys/bg/surface}" } },
+	"button/secondary/bg-hover": { value: { base: "{colors.sys/bg/subtle}" } },
+	"button/secondary/bg-active": { value: { base: "{colors.sys/bg/moderate}" } },
+	"button/secondary/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
+	"button/secondary/fg/base": { value: { base: "{colors.sys/fg/primary}" } },
+	"button/secondary/fg/text": { value: { base: "{colors.sys/fg/primary}" } },
+	"button/secondary/fg/icon": { value: { base: "{colors.sys/fg/secondary}" } },
+	"button/secondary/fg-hover": { value: { base: "{colors.sys/fg/primary}" } },
+	"button/secondary/fg-active": { value: { base: "{colors.sys/fg/primary}" } },
+	"button/secondary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"button/secondary/border": { value: { base: "{colors.sys/border/strong}" } },
+	"button/secondary/border-hover": { value: { base: "{colors.sys/border/emphasized}" } },
+	"button/secondary/border-active": { value: { base: "{colors.sys/border/emphasized}" } },
+	"button/secondary/border-disabled": { value: { base: "{colors.sys/border/disabled}" } },
+	"button/tertiary/bg": { value: { base: "transparent" } },
+	"button/tertiary/bg-hover": { value: { base: "{colors.sys/bg/subtle}" } },
+	"button/tertiary/bg-active": { value: { base: "{colors.sys/bg/moderate}" } },
+	"button/tertiary/bg-disabled": { value: { base: "transparent" } },
+	"button/tertiary/fg": { value: { base: "{colors.color/purple/base}" } },
+	"button/tertiary/fg-hover": { value: { base: "{colors.color/purple/strong}" } },
+	"button/tertiary/fg-active": { value: { base: "{colors.sys/fg/primary}" } },
+	"button/tertiary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"button/danger-primary/bg": { value: { base: "{colors.color/red/base}" } },
+	"button/danger-primary/bg-hover": { value: { base: "{colors.color/red/strong}" } },
+	"button/danger-primary/bg-active": { value: { base: "{colors.color/red/dark}" } },
+	"button/danger-primary/bg-disabled": { value: { base: "{colors.sys/primary/disabled}" } },
+	"button/danger-primary/fg": { value: { base: "{colors.sys/fg/on-color}" } },
+	"button/danger-primary/fg-hover": { value: { base: "{colors.sys/fg/on-color}" } },
+	"button/danger-primary/fg-active": { value: { base: "{colors.sys/fg/on-color}" } },
+	"button/danger-primary/fg-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
+	"button/danger-secondary/bg": { value: { base: "{colors.sys/bg/surface}" } },
+	"button/danger-secondary/bg-hover": { value: { base: "{colors.color/red/minimal}" } },
+	"button/danger-secondary/bg-active": { value: { base: "{colors.color/red/moderate}" } },
+	"button/danger-secondary/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
+	"button/danger-secondary/fg": { value: { base: "{colors.color/red/base}" } },
+	"button/danger-secondary/fg-hover": { value: { base: "{colors.color/red/base}" } },
+	"button/danger-secondary/fg-active": { value: { base: "{colors.color/red/strong}" } },
+	"button/danger-secondary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"button/danger-secondary/border": { value: { base: "{colors.color/red/muted}" } },
+	"button/danger-secondary/border-hover": { value: { base: "{colors.color/red/muted}" } },
+	"button/danger-secondary/border-active": { value: { base: "{colors.color/red/base}" } },
+	"button/danger-secondary/border-disabled": { value: { base: "{colors.sys/border/disabled}" } },
+	"button/danger-tertiary/bg": { value: { base: "transparent" } },
+	"button/danger-tertiary/bg-hover": { value: { base: "{colors.color/red/minimal}" } },
+	"button/danger-tertiary/bg-active": { value: { base: "{colors.color/red/moderate}" } },
+	"button/danger-tertiary/bg-disabled": { value: { base: "transparent" } },
+	"button/danger-tertiary/fg": { value: { base: "{colors.color/red/base}" } },
+	"button/danger-tertiary/fg-hover": { value: { base: "{colors.color/red/base}" } },
+	"button/danger-tertiary/fg-active": { value: { base: "{colors.color/red/strong}" } },
+	"button/danger-tertiary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"button/ai-primary/bg": { value: { base: "{colors.color/indigo/base}" } },
+	"button/ai-primary/bg-hover": { value: { base: "{colors.color/indigo/emphasized}" } },
+	"button/ai-primary/bg-active": { value: { base: "{colors.color/indigo/dark}" } },
+	"button/ai-primary/bg-disabled": { value: { base: "{colors.sys/primary/disabled}" } },
+	"button/ai-primary/fg": { value: { base: "{colors.sys/fg/on-color}" } },
+	"button/ai-primary/fg-hover": { value: { base: "{colors.sys/fg/on-color}" } },
+	"button/ai-primary/fg-active": { value: { base: "{colors.sys/fg/on-color}" } },
+	"button/ai-primary/fg-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
+	"button/ai-secondary/bg": { value: { base: "{colors.sys/bg/surface}" } },
+	"button/ai-secondary/bg-hover": { value: { base: "{colors.color/indigo/minimal}" } },
+	"button/ai-secondary/bg-active": { value: { base: "{colors.color/indigo/moderate}" } },
+	"button/ai-secondary/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
+	"button/ai-secondary/fg": { value: { base: "{colors.color/indigo/base}" } },
+	"button/ai-secondary/fg-hover": { value: { base: "{colors.color/indigo/base}" } },
+	"button/ai-secondary/fg-active": { value: { base: "{colors.color/indigo/strong}" } },
+	"button/ai-secondary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"button/ai-secondary/border": { value: { base: "{colors.color/indigo/muted}" } },
+	"button/ai-secondary/border-hover": { value: { base: "{colors.color/indigo/muted}" } },
+	"button/ai-secondary/border-active": { value: { base: "{colors.color/indigo/base}" } },
+	"button/ai-secondary/border-disabled": { value: { base: "{colors.sys/border/disabled}" } },
+	"button/ai-tertiary/bg": { value: { base: "transparent" } },
+	"button/ai-tertiary/bg-hover": { value: { base: "{colors.color/indigo/minimal}" } },
+	"button/ai-tertiary/bg-active": { value: { base: "{colors.color/indigo/moderate}" } },
+	"button/ai-tertiary/bg-disabled": { value: { base: "transparent" } },
+	"button/ai-tertiary/fg": { value: { base: "{colors.color/indigo/base}" } },
+	"button/ai-tertiary/fg-hover": { value: { base: "{colors.color/indigo/base}" } },
+	"button/ai-tertiary/fg-active": { value: { base: "{colors.color/indigo/strong}" } },
+	"button/ai-tertiary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"button/control/bg": { value: { base: "transparent" } },
+	"button/control/bg-hover": { value: { base: "{colors.sys/bg/subtle}" } },
+	"button/control/bg-active": { value: { base: "{colors.sys/bg/moderate}" } },
+	"button/control/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
+	"button/control/fg": { value: { base: "{colors.sys/fg/secondary}" } },
+	"button/control/fg-hover": { value: { base: "{colors.sys/fg/primary}" } },
+	"button/control/fg-active": { value: { base: "{colors.sys/fg/primary}" } },
+	"button/control/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"button/control-danger/bg": { value: { base: "transparent" } },
+	"button/control-danger/bg-hover": { value: { base: "{colors.color/red/minimal}" } },
+	"button/control-danger/bg-active": { value: { base: "{colors.color/red/moderate}" } },
+	"button/control-danger/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
+	"button/control-danger/fg": { value: { base: "{colors.color/red/base}" } },
+	"button/control-danger/fg-hover": { value: { base: "{colors.color/red/base}" } },
+	"button/control-danger/fg-active": { value: { base: "{colors.color/red/strong}" } },
+	"button/control-danger/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
+	"ui-header/bg": { value: { base: "{colors.color/white/a0}" } },
+	"ui-header/bg-hover": { value: { base: "{colors.color/white/a10}" } },
+	"ui-header/bg-active": { value: { base: "{colors.color/white/a20}" } },
+	"ui-header/bg-selected": { value: { base: "{colors.color/white/a20}" } },
+	"ui-header/bg-selected-hover": { value: { base: "{colors.color/white/a10}" } },
+	"input/text/label": { value: { base: "{colors.sys/fg/primary}" } },
+	"input/text/inputValue": { value: { base: "{colors.sys/fg/base}" } },
+	"input/text/placeholder": { value: { base: "{colors.sys/fg/subtle}" } },
+	"input/text/helper": { value: { base: "{colors.sys/fg/secondary}" } },
+	"input/text/error": { value: { base: "{colors.sys/fg/negative}" } },
+	"input/checkbox/selection": { value: { base: "{colors.interactive/base}" } },
+	"input/checkbox/selection-disabled": { value: { base: "{colors.interactive/disabled}" } },
+	"input/switch/on/track": { value: { base: "{colors.color/green/bold}" } },
+	"input/switch/on/track-disabled": { value: { base: "color-mix(in srgb, {colors.green.60} 50%, transparent)" } },
+	"input/switch/on/thumb": { value: { base: "{colors.sys/bg/surface}" } },
+	"input/switch/on/thumb-disabled": { value: { base: "{colors.sys/bg/surface}" } },
+	"input/switch/off/track": { value: { base: "{colors.color/neutral/bold}" } },
+	"input/switch/off/track-disabled": { value: { base: "color-mix(in srgb, {colors.neutral.60} 50%, transparent)" } },
+	"input/switch/off/thumb": { value: { base: "{colors.sys/bg/surface}" } },
+	"input/switch/off/thumb-disabled": { value: { base: "{colors.sys/bg/surface}" } },
+	"interactive/base": { value: { base: "{colors.color/purple/base}" } },
+	"interactive/bold": { value: { base: "{colors.color/purple/bold}" } },
+	"interactive/highlight": { value: { base: "{colors.color/purple/highlight}" } },
+	"interactive/muted": { value: { base: "{colors.color/purple/muted}" } },
+	"interactive/moderate": { value: { base: "{colors.color/purple/moderate}" } },
+	"interactive/subtle": { value: { base: "{colors.color/purple/subtle}" } },
+	"interactive/minimal": { value: { base: "{colors.color/purple/minimal}" } },
+	"interactive/disabled": { value: { base: "{colors.color/neutral/moderate}" } },
+	"status/info/bg": { value: { base: "{colors.color/blue/minimal}" } },
+	"status/info/bg-hover": { value: { base: "{colors.color/blue/subtle}" } },
+	"status/info/bg-active": { value: { base: "{colors.color/blue/moderate}" } },
+	"status/info/border": { value: { base: "{colors.color/blue/muted}" } },
+	"status/info/icon": { value: { base: "{colors.color/blue/strong}" } },
+	"status/info/text": { value: { base: "{colors.color/blue/strong}" } },
+	"status/success/bg": { value: { base: "{colors.color/green/minimal}" } },
+	"status/success/bg-hover": { value: { base: "{colors.color/green/subtle}" } },
+	"status/success/bg-active": { value: { base: "{colors.color/green/moderate}" } },
+	"status/success/border": { value: { base: "{colors.color/green/muted}" } },
+	"status/success/icon": { value: { base: "{colors.color/green/strong}" } },
+	"status/success/text": { value: { base: "{colors.color/green/strong}" } },
+	"status/warning/bg": { value: { base: "{colors.color/yellow/minimal}" } },
+	"status/warning/bg-hover": { value: { base: "{colors.color/yellow/subtle}" } },
+	"status/warning/bg-active": { value: { base: "{colors.color/yellow/moderate}" } },
+	"status/warning/border": { value: { base: "{colors.color/yellow/muted}" } },
+	"status/warning/icon": { value: { base: "{colors.color/yellow/strong}" } },
+	"status/warning/text": { value: { base: "{colors.color/yellow/strong}" } },
+	"status/critical/bg": { value: { base: "{colors.color/red/minimal}" } },
+	"status/critical/bg-hover": { value: { base: "{colors.color/red/subtle}" } },
+	"status/critical/bg-active": { value: { base: "{colors.color/red/moderate}" } },
+	"status/critical/border": { value: { base: "{colors.color/red/muted}" } },
+	"status/critical/icon": { value: { base: "{colors.color/red/strong}" } },
+	"status/critical/text": { value: { base: "{colors.color/red/strong}" } },
+	"status/progress/bg": { value: { base: "{colors.color/purple/minimal}" } },
+	"status/progress/bg-hover": { value: { base: "{colors.color/purple/subtle}" } },
+	"status/progress/bg-active": { value: { base: "{colors.color/purple/moderate}" } },
+	"status/progress/border": { value: { base: "{colors.color/purple/muted}" } },
+	"status/progress/icon": { value: { base: "{colors.color/purple/strong}" } },
+	"status/progress/text": { value: { base: "{colors.color/purple/strong}" } },
+	"status/neutral/bg": { value: { base: "{colors.color/neutral/minimal}" } },
+	"status/neutral/bg-hover": { value: { base: "{colors.color/neutral/subtle}" } },
+	"status/neutral/bg-active": { value: { base: "{colors.color/neutral/moderate}" } },
+	"status/neutral/border": { value: { base: "{colors.color/neutral/muted}" } },
+	"status/neutral/icon": { value: { base: "{colors.color/neutral/strong}" } },
+	"status/neutral/text": { value: { base: "{colors.color/neutral/strong}" } },
+	"status/ai/bg": { value: { base: "linear-gradient(90deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%)" } },
+	"status/ai/bg-hover": { value: { base: "linear-gradient(90deg, {colors.purple.93} 0%, {colors.indigo.93} 50%, {colors.blue.93} 100%)" } },
+	"status/ai/bg-active": { value: { base: "linear-gradient(90deg, {colors.purple.90} 0%, {colors.indigo.90} 50%, {colors.blue.90} 100%)" } },
+	"status/ai/border": { value: { base: "linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%)" } },
+	"status/ai/icon": { value: { base: "{colors.color/indigo/strong}" } },
+	"status/ai/text": { value: { base: "{colors.color/indigo/strong}" } },
+	"utilities/overlay": { value: { base: "color-mix(in srgb, {colors.neutral.10} 50%, transparent)" } },
+	"utilities/overlay-side": { value: { base: "linear-gradient(90deg, color-mix(in srgb, {colors.neutral.10} 0%, transparent) 0%, color-mix(in srgb, {colors.neutral.10} 32%, transparent) 100%)" } },
+	"utilities/overlay-light": { value: { base: "color-mix(in srgb, {colors.neutral.10} 16%, transparent)" } },
+	"utilities/skeleton": { value: { base: "{colors.sys/bg/subtle}" } },
+	"utilities/skeleton-strong": { value: { base: "{colors.sys/fg/minimal}" } }
+});
 //#endregion
 export { semanticColors as default };