@hashintel/ds-theme 0.0.3 → 0.1.1

package/dist/typography.gen-Bua4caJG.js

@@ -0,0 +1,2706 @@
+//#region ../../../node_modules/@pandacss/dev/dist/index.mjs
+function definePreset(preset) {
+	return preset;
+}
+function defineGlobalStyles(definition) {
+	return definition;
+}
+function createProxy() {
+	const identity = (v) => v;
+	return new Proxy(identity, { get() {
+		return identity;
+	} });
+}
+var defineTokens = /* @__PURE__ */ createProxy();
+var defineSemanticTokens = /* @__PURE__ */ createProxy();
+//#endregion
+//#region src/theme/colors/blue.gen.ts
+const blue = defineSemanticTokens.colors({
+	s00: { value: {
+		_light: "#ffffff",
+		_dark: "#000000"
+	} },
+	s05: { value: {
+		_light: "#fdfeff",
+		_dark: "#020306"
+	} },
+	s10: { value: {
+		_light: "#fbfdff",
+		_dark: "#0d1520"
+	} },
+	s15: { value: {
+		_light: "#f8fbff",
+		_dark: "#0f1723"
+	} },
+	s20: { value: {
+		_light: "#f4faff",
+		_dark: "#111927"
+	} },
+	s25: { value: {
+		_light: "#edf7ff",
+		_dark: "#112037"
+	} },
+	s30: { value: {
+		_light: "#e6f4fe",
+		_dark: "#0d2847"
+	} },
+	s35: { value: {
+		_light: "#def1ff",
+		_dark: "#082d54"
+	} },
+	s40: { value: {
+		_light: "#d5efff",
+		_dark: "#003362"
+	} },
+	s45: { value: {
+		_light: "#cbeaff",
+		_dark: "#00396b"
+	} },
+	s50: { value: {
+		_light: "#c2e5ff",
+		_dark: "#004074"
+	} },
+	s55: { value: {
+		_light: "#b7dffd",
+		_dark: "#07467d"
+	} },
+	s60: { value: {
+		_light: "#acd8fc",
+		_dark: "#104d87"
+	} },
+	s65: { value: {
+		_light: "#9dd0f9",
+		_dark: "#185592"
+	} },
+	s70: { value: {
+		_light: "#8ec8f6",
+		_dark: "#205d9e"
+	} },
+	s75: { value: {
+		_light: "#77bdf3",
+		_dark: "#2466ad"
+	} },
+	s80: { value: {
+		_light: "#5eb1ef",
+		_dark: "#2870bd"
+	} },
+	s85: { value: {
+		_light: "#38a2f7",
+		_dark: "#1e80de"
+	} },
+	s90: { value: {
+		_light: "#0090ff",
+		_dark: "#0090ff"
+	} },
+	s95: { value: {
+		_light: "#038cf7",
+		_dark: "#2797ff"
+	} },
+	s100: { value: {
+		_light: "#0588f0",
+		_dark: "#3b9eff"
+	} },
+	s105: { value: {
+		_light: "#0a7edf",
+		_dark: "#57abff"
+	} },
+	s110: { value: {
+		_light: "#0d74ce",
+		_dark: "#70b8ff"
+	} },
+	s115: { value: {
+		_light: "#165198",
+		_dark: "#97d0ff"
+	} },
+	s120: { value: {
+		_light: "#113264",
+		_dark: "#c2e6ff"
+	} },
+	s125: { value: {
+		_light: "#071634",
+		_dark: "#f0faff"
+	} },
+	a00: { value: {
+		_light: "transparent",
+		_dark: "transparent"
+	} },
+	a05: { value: {
+		_light: "#0080ff02",
+		_dark: "#004df209"
+	} },
+	a10: { value: {
+		_light: "#0080ff04",
+		_dark: "#004df211"
+	} },
+	a15: { value: {
+		_light: "#0086ff08",
+		_dark: "#065af714"
+	} },
+	a20: { value: {
+		_light: "#008cff0b",
+		_dark: "#1166fb18"
+	} },
+	a25: { value: {
+		_light: "#008efa12",
+		_dark: "#086ffd29"
+	} },
+	a30: { value: {
+		_light: "#008ff519",
+		_dark: "#0077ff3a"
+	} },
+	a35: { value: {
+		_light: "#0097fa22",
+		_dark: "#0076ff49"
+	} },
+	a40: { value: {
+		_light: "#009eff2a",
+		_dark: "#0075ff57"
+	} },
+	a45: { value: {
+		_light: "#0099ff34",
+		_dark: "#007bfe61"
+	} },
+	a50: { value: {
+		_light: "#0093ff3d",
+		_dark: "#0081fd6b"
+	} },
+	a55: { value: {
+		_light: "#008dfb48",
+		_dark: "#0785fd75"
+	} },
+	a60: { value: {
+		_light: "#0088f653",
+		_dark: "#0f89fd7f"
+	} },
+	a65: { value: {
+		_light: "#0086f062",
+		_dark: "#1f8dfe8c"
+	} },
+	a70: { value: {
+		_light: "#0083eb71",
+		_dark: "#2a91fe98"
+	} },
+	a75: { value: {
+		_light: "#0084e989",
+		_dark: "#2d93fea9"
+	} },
+	a80: { value: {
+		_light: "#0084e6a1",
+		_dark: "#3094feb9"
+	} },
+	a85: { value: {
+		_light: "#008af2d0",
+		_dark: "#2092ffdc"
+	} },
+	a90: { value: {
+		_light: "#0090ff",
+		_dark: "#0090ff"
+	} },
+	a95: { value: {
+		_light: "#008bf7fd",
+		_dark: "#2797ff"
+	} },
+	a100: { value: {
+		_light: "#0086f0fa",
+		_dark: "#3b9eff"
+	} },
+	a105: { value: {
+		_light: "#0079ddf6",
+		_dark: "#57abff"
+	} },
+	a110: { value: {
+		_light: "#006dcbf2",
+		_dark: "#70b8ff"
+	} },
+	a115: { value: {
+		_light: "#034690f0",
+		_dark: "#97d0ff"
+	} },
+	a120: { value: {
+		_light: "#002359ee",
+		_dark: "#c2e6ff"
+	} },
+	a125: { value: {
+		_light: "#000527ec",
+		_dark: "#f0faff"
+	} },
+	bg: {
+		min: {
+			DEFAULT: { value: "{colors.blue.a00}" },
+			hover: { value: "{colors.blue.a05}" },
+			active: { value: "{colors.blue.a10}" },
+			disabled: { value: "{colors.blue.a00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.blue.a10}" },
+			hover: { value: "{colors.blue.a15}" },
+			active: { value: "{colors.blue.a20}" },
+			disabled: { value: "{colors.blue.a05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.blue.a30}" },
+			hover: { value: "{colors.blue.a40}" },
+			active: { value: "{colors.blue.a50}" },
+			disabled: { value: "{colors.blue.a15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.blue.a50}" },
+			hover: { value: "{colors.blue.a60}" },
+			active: { value: "{colors.blue.a65}" },
+			disabled: { value: "{colors.blue.a30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.blue.s90}" },
+			hover: { value: "{colors.blue.s100}" },
+			active: { value: "{colors.blue.s100}" },
+			disabled: { value: "{colors.blue.s60}" }
+		}
+	},
+	bgSolid: {
+		min: {
+			DEFAULT: { value: "{colors.blue.s00}" },
+			hover: { value: "{colors.blue.s05}" },
+			active: { value: "{colors.blue.s10}" },
+			disabled: { value: "{colors.blue.s00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.blue.s10}" },
+			hover: { value: "{colors.blue.s15}" },
+			active: { value: "{colors.blue.s20}" },
+			disabled: { value: "{colors.blue.s05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.blue.s30}" },
+			hover: { value: "{colors.blue.s40}" },
+			active: { value: "{colors.blue.s50}" },
+			disabled: { value: "{colors.blue.s15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.blue.s50}" },
+			hover: { value: "{colors.blue.s60}" },
+			active: { value: "{colors.blue.s65}" },
+			disabled: { value: "{colors.blue.s30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.blue.s90}" },
+			hover: { value: "{colors.blue.s100}" },
+			active: { value: "{colors.blue.s100}" },
+			disabled: { value: "{colors.blue.s60}" }
+		}
+	},
+	fg: {
+		max: { value: "{colors.blue.s125}" },
+		onSolid: { value: "{colors.blue.s00}" },
+		heading: { value: "{colors.blue.s120}" },
+		body: {
+			DEFAULT: { value: "{colors.blue.s115}" },
+			hover: { value: "{colors.blue.s120}" },
+			disabled: { value: "{colors.blue.s90}" }
+		},
+		muted: {
+			DEFAULT: { value: "{colors.blue.s100}" },
+			hover: { value: "{colors.blue.s110}" },
+			disabled: { value: "{colors.blue.s80}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.blue.s90}" },
+			hover: { value: "{colors.blue.s100}" },
+			disabled: { value: "{colors.blue.s70}" }
+		},
+		link: {
+			DEFAULT: { value: "{colors.blue.s110}" },
+			hover: { value: "{colors.blue.s120}" },
+			active: { value: "{colors.blue.s110}" },
+			disabled: { value: "{colors.blue.s90}" }
+		}
+	},
+	bd: {
+		subtle: {
+			DEFAULT: { value: "{colors.blue.a40}" },
+			hover: { value: "{colors.blue.a50}" },
+			active: { value: "{colors.blue.a50}" },
+			disabled: { value: "{colors.blue.a20}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.blue.a60}" },
+			hover: { value: "{colors.blue.a70}" },
+			active: { value: "{colors.blue.a70}" },
+			disabled: { value: "{colors.blue.a40}" }
+		},
+		strong: {
+			DEFAULT: { value: "{colors.blue.a80}" },
+			hover: { value: "{colors.blue.a90}" },
+			active: { value: "{colors.blue.a90}" },
+			disabled: { value: "{colors.blue.a60}" }
+		}
+	}
+});
+//#endregion
+//#region src/theme/colors/neutral.gen.ts
+const neutral = defineSemanticTokens.colors({
+	s00: { value: {
+		_light: "#ffffff",
+		_dark: "#000000"
+	} },
+	s05: { value: {
+		_light: "#fdfdfd",
+		_dark: "#020202"
+	} },
+	s10: { value: {
+		_light: "#fcfcfc",
+		_dark: "#111111"
+	} },
+	s15: { value: {
+		_light: "#fafafa",
+		_dark: "#151515"
+	} },
+	s20: { value: {
+		_light: "#f9f9f9",
+		_dark: "#191919"
+	} },
+	s25: { value: {
+		_light: "#f4f4f4",
+		_dark: "#1d1d1d"
+	} },
+	s30: { value: {
+		_light: "#f0f0f0",
+		_dark: "#222222"
+	} },
+	s35: { value: {
+		_light: "#ececec",
+		_dark: "#262626"
+	} },
+	s40: { value: {
+		_light: "#e8e8e8",
+		_dark: "#2a2a2a"
+	} },
+	s45: { value: {
+		_light: "#e4e4e4",
+		_dark: "#2d2d2d"
+	} },
+	s50: { value: {
+		_light: "#e0e0e0",
+		_dark: "#313131"
+	} },
+	s55: { value: {
+		_light: "#dcdcdc",
+		_dark: "#353535"
+	} },
+	s60: { value: {
+		_light: "#d9d9d9",
+		_dark: "#3a3a3a"
+	} },
+	s65: { value: {
+		_light: "#d3d3d3",
+		_dark: "#414141"
+	} },
+	s70: { value: {
+		_light: "#cecece",
+		_dark: "#484848"
+	} },
+	s75: { value: {
+		_light: "#c4c4c4",
+		_dark: "#545454"
+	} },
+	s80: { value: {
+		_light: "#bbbbbb",
+		_dark: "#606060"
+	} },
+	s85: { value: {
+		_light: "#a4a4a4",
+		_dark: "#676767"
+	} },
+	s90: { value: {
+		_light: "#8d8d8d",
+		_dark: "#6e6e6e"
+	} },
+	s95: { value: {
+		_light: "#888888",
+		_dark: "#747474"
+	} },
+	s100: { value: {
+		_light: "#838383",
+		_dark: "#7b7b7b"
+	} },
+	s105: { value: {
+		_light: "#737373",
+		_dark: "#979797"
+	} },
+	s110: { value: {
+		_light: "#646464",
+		_dark: "#b4b4b4"
+	} },
+	s115: { value: {
+		_light: "#404040",
+		_dark: "#d1d1d1"
+	} },
+	s120: { value: {
+		_light: "#202020",
+		_dark: "#eeeeee"
+	} },
+	s125: { value: {
+		_light: "#050505",
+		_dark: "#ffffff"
+	} },
+	a00: { value: {
+		_light: "transparent",
+		_dark: "transparent"
+	} },
+	a05: { value: {
+		_light: "#00000002",
+		_dark: "#00000000"
+	} },
+	a10: { value: {
+		_light: "#00000003",
+		_dark: "#00000000"
+	} },
+	a15: { value: {
+		_light: "#00000005",
+		_dark: "#63636305"
+	} },
+	a20: { value: {
+		_light: "#00000006",
+		_dark: "#ffffff09"
+	} },
+	a25: { value: {
+		_light: "#0000000b",
+		_dark: "#ffffff0e"
+	} },
+	a30: { value: {
+		_light: "#0000000f",
+		_dark: "#ffffff12"
+	} },
+	a35: { value: {
+		_light: "#00000013",
+		_dark: "#ffffff16"
+	} },
+	a40: { value: {
+		_light: "#00000017",
+		_dark: "#ffffff1b"
+	} },
+	a45: { value: {
+		_light: "#0000001b",
+		_dark: "#ffffff1e"
+	} },
+	a50: { value: {
+		_light: "#0000001f",
+		_dark: "#ffffff22"
+	} },
+	a55: { value: {
+		_light: "#00000023",
+		_dark: "#ffffff27"
+	} },
+	a60: { value: {
+		_light: "#00000026",
+		_dark: "#ffffff2c"
+	} },
+	a65: { value: {
+		_light: "#0000002c",
+		_dark: "#ffffff34"
+	} },
+	a70: { value: {
+		_light: "#00000031",
+		_dark: "#ffffff3b"
+	} },
+	a75: { value: {
+		_light: "#0000003b",
+		_dark: "#ffffff48"
+	} },
+	a80: { value: {
+		_light: "#00000044",
+		_dark: "#ffffff55"
+	} },
+	a85: { value: {
+		_light: "#0000005b",
+		_dark: "#ffffff5d"
+	} },
+	a90: { value: {
+		_light: "#00000072",
+		_dark: "#ffffff64"
+	} },
+	a95: { value: {
+		_light: "#00000077",
+		_dark: "#ffffff6b"
+	} },
+	a100: { value: {
+		_light: "#0000007c",
+		_dark: "#ffffff72"
+	} },
+	a105: { value: {
+		_light: "#0000008b",
+		_dark: "#ffffff91"
+	} },
+	a110: { value: {
+		_light: "#0000009b",
+		_dark: "#ffffffaf"
+	} },
+	a115: { value: {
+		_light: "#000000bd",
+		_dark: "#ffffffce"
+	} },
+	a120: { value: {
+		_light: "#000000df",
+		_dark: "#ffffffed"
+	} },
+	a125: { value: {
+		_light: "#000000",
+		_dark: "#ffffff"
+	} },
+	bg: {
+		min: {
+			DEFAULT: { value: "{colors.neutral.a00}" },
+			hover: { value: "{colors.neutral.a05}" },
+			active: { value: "{colors.neutral.a10}" },
+			disabled: { value: "{colors.neutral.a00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.neutral.a10}" },
+			hover: { value: "{colors.neutral.a15}" },
+			active: { value: "{colors.neutral.a20}" },
+			disabled: { value: "{colors.neutral.a05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.neutral.a30}" },
+			hover: { value: "{colors.neutral.a40}" },
+			active: { value: "{colors.neutral.a50}" },
+			disabled: { value: "{colors.neutral.a15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.neutral.a50}" },
+			hover: { value: "{colors.neutral.a60}" },
+			active: { value: "{colors.neutral.a65}" },
+			disabled: { value: "{colors.neutral.a30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.neutral.s125}" },
+			hover: { value: "{colors.neutral.s120}" },
+			active: { value: "{colors.neutral.s120}" },
+			disabled: { value: "{colors.neutral.s60}" }
+		}
+	},
+	bgSolid: {
+		min: {
+			DEFAULT: { value: "{colors.neutral.s00}" },
+			hover: { value: "{colors.neutral.s05}" },
+			active: { value: "{colors.neutral.s10}" },
+			disabled: { value: "{colors.neutral.s00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.neutral.s10}" },
+			hover: { value: "{colors.neutral.s15}" },
+			active: { value: "{colors.neutral.s20}" },
+			disabled: { value: "{colors.neutral.s05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.neutral.s30}" },
+			hover: { value: "{colors.neutral.s40}" },
+			active: { value: "{colors.neutral.s50}" },
+			disabled: { value: "{colors.neutral.s15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.neutral.s50}" },
+			hover: { value: "{colors.neutral.s60}" },
+			active: { value: "{colors.neutral.s65}" },
+			disabled: { value: "{colors.neutral.s30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.neutral.s125}" },
+			hover: { value: "{colors.neutral.s120}" },
+			active: { value: "{colors.neutral.s120}" },
+			disabled: { value: "{colors.neutral.s60}" }
+		}
+	},
+	fg: {
+		max: { value: "{colors.neutral.s125}" },
+		onSolid: { value: "{colors.neutral.s00}" },
+		heading: { value: "{colors.neutral.s120}" },
+		body: {
+			DEFAULT: { value: "{colors.neutral.s115}" },
+			hover: { value: "{colors.neutral.s120}" },
+			disabled: { value: "{colors.neutral.s90}" }
+		},
+		muted: {
+			DEFAULT: { value: "{colors.neutral.s100}" },
+			hover: { value: "{colors.neutral.s110}" },
+			disabled: { value: "{colors.neutral.s80}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.neutral.s90}" },
+			hover: { value: "{colors.neutral.s100}" },
+			disabled: { value: "{colors.neutral.s70}" }
+		},
+		link: {
+			DEFAULT: { value: "{colors.neutral.s110}" },
+			hover: { value: "{colors.neutral.s120}" },
+			active: { value: "{colors.neutral.s110}" },
+			disabled: { value: "{colors.neutral.s90}" }
+		}
+	},
+	bd: {
+		subtle: {
+			DEFAULT: { value: "{colors.neutral.a40}" },
+			hover: { value: "{colors.neutral.a50}" },
+			active: { value: "{colors.neutral.a50}" },
+			disabled: { value: "{colors.neutral.a20}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.neutral.a60}" },
+			hover: { value: "{colors.neutral.a70}" },
+			active: { value: "{colors.neutral.a70}" },
+			disabled: { value: "{colors.neutral.a40}" }
+		},
+		strong: {
+			DEFAULT: { value: "{colors.neutral.a80}" },
+			hover: { value: "{colors.neutral.a90}" },
+			active: { value: "{colors.neutral.a90}" },
+			disabled: { value: "{colors.neutral.a60}" }
+		}
+	}
+});
+//#endregion
+//#region src/theme/colors/green.gen.ts
+const green = defineSemanticTokens.colors({
+	s00: { value: {
+		_light: "#ffffff",
+		_dark: "#000000"
+	} },
+	s05: { value: {
+		_light: "#fdfffd",
+		_dark: "#020302"
+	} },
+	s10: { value: {
+		_light: "#fbfefc",
+		_dark: "#0e1512"
+	} },
+	s15: { value: {
+		_light: "#f7fdf9",
+		_dark: "#101814"
+	} },
+	s20: { value: {
+		_light: "#f4fbf6",
+		_dark: "#121b17"
+	} },
+	s25: { value: {
+		_light: "#edf9f0",
+		_dark: "#13241c"
+	} },
+	s30: { value: {
+		_light: "#e6f6eb",
+		_dark: "#132d21"
+	} },
+	s35: { value: {
+		_light: "#def4e5",
+		_dark: "#123425"
+	} },
+	s40: { value: {
+		_light: "#d6f1df",
+		_dark: "#113b29"
+	} },
+	s45: { value: {
+		_light: "#cdecd8",
+		_dark: "#14422e"
+	} },
+	s50: { value: {
+		_light: "#c4e8d1",
+		_dark: "#174933"
+	} },
+	s55: { value: {
+		_light: "#b9e2c8",
+		_dark: "#1b5038"
+	} },
+	s60: { value: {
+		_light: "#adddc0",
+		_dark: "#20573e"
+	} },
+	s65: { value: {
+		_light: "#9ed5b5",
+		_dark: "#245f44"
+	} },
+	s70: { value: {
+		_light: "#8eceaa",
+		_dark: "#28684a"
+	} },
+	s75: { value: {
+		_light: "#76c49a",
+		_dark: "#2b7250"
+	} },
+	s80: { value: {
+		_light: "#5bb98b",
+		_dark: "#2f7c57"
+	} },
+	s85: { value: {
+		_light: "#47af7c",
+		_dark: "#309062"
+	} },
+	s90: { value: {
+		_light: "#30a46c",
+		_dark: "#30a46c"
+	} },
+	s95: { value: {
+		_light: "#2d9f69",
+		_dark: "#32aa70"
+	} },
+	s100: { value: {
+		_light: "#2b9a66",
+		_dark: "#33b074"
+	} },
+	s105: { value: {
+		_light: "#268e5f",
+		_dark: "#38c380"
+	} },
+	s110: { value: {
+		_light: "#218358",
+		_dark: "#3dd68c"
+	} },
+	s115: { value: {
+		_light: "#1d5e43",
+		_dark: "#80e4ac"
+	} },
+	s120: { value: {
+		_light: "#193b2d",
+		_dark: "#b1f1cb"
+	} },
+	s125: { value: {
+		_light: "#121b17",
+		_dark: "#defdea"
+	} },
+	a00: { value: {
+		_light: "transparent",
+		_dark: "transparent"
+	} },
+	a05: { value: {
+		_light: "#00c04002",
+		_dark: "#00de4503"
+	} },
+	a10: { value: {
+		_light: "#00c04004",
+		_dark: "#00de4505"
+	} },
+	a15: { value: {
+		_light: "#00b13708",
+		_dark: "#00ec7708"
+	} },
+	a20: { value: {
+		_light: "#00a32f0b",
+		_dark: "#29f99d0b"
+	} },
+	a25: { value: {
+		_light: "#00a43112",
+		_dark: "#25fc9b14"
+	} },
+	a30: { value: {
+		_light: "#00a43319",
+		_dark: "#22ff991e"
+	} },
+	a35: { value: {
+		_light: "#00a63621",
+		_dark: "#1bff9926"
+	} },
+	a40: { value: {
+		_light: "#00a83829",
+		_dark: "#11ff992d"
+	} },
+	a45: { value: {
+		_light: "#00a23932",
+		_dark: "#20ff9e35"
+	} },
+	a50: { value: {
+		_light: "#019c393b",
+		_dark: "#2bffa23c"
+	} },
+	a55: { value: {
+		_light: "#00993b47",
+		_dark: "#39ffa644"
+	} },
+	a60: { value: {
+		_light: "#00963c52",
+		_dark: "#44ffaa4b"
+	} },
+	a65: { value: {
+		_light: "#00943e62",
+		_dark: "#4afeab55"
+	} },
+	a70: { value: {
+		_light: "#00914071",
+		_dark: "#50fdac5e"
+	} },
+	a75: { value: {
+		_light: "#0092468b",
+		_dark: "#52fead69"
+	} },
+	a80: { value: {
+		_light: "#00924ba4",
+		_dark: "#54ffad73"
+	} },
+	a85: { value: {
+		_light: "#00904bba",
+		_dark: "#4cffa989"
+	} },
+	a90: { value: {
+		_light: "#008f4acf",
+		_dark: "#44ffa49e"
+	} },
+	a95: { value: {
+		_light: "#008a49d2",
+		_dark: "#43ffa4a4"
+	} },
+	a100: { value: {
+		_light: "#008647d4",
+		_dark: "#43fea4ab"
+	} },
+	a105: { value: {
+		_light: "#007b43d9",
+		_dark: "#45fea5c0"
+	} },
+	a110: { value: {
+		_light: "#00713fde",
+		_dark: "#46fea5d4"
+	} },
+	a115: { value: {
+		_light: "#004a2be2",
+		_dark: "#8cffbfe2"
+	} },
+	a120: { value: {
+		_light: "#002616e6",
+		_dark: "#bbffd7f0"
+	} },
+	a125: { value: {
+		_light: "#010704ea",
+		_dark: "#e3feeefe"
+	} },
+	bg: {
+		min: {
+			DEFAULT: { value: "{colors.green.a00}" },
+			hover: { value: "{colors.green.a05}" },
+			active: { value: "{colors.green.a10}" },
+			disabled: { value: "{colors.green.a00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.green.a10}" },
+			hover: { value: "{colors.green.a15}" },
+			active: { value: "{colors.green.a20}" },
+			disabled: { value: "{colors.green.a05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.green.a30}" },
+			hover: { value: "{colors.green.a40}" },
+			active: { value: "{colors.green.a50}" },
+			disabled: { value: "{colors.green.a15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.green.a50}" },
+			hover: { value: "{colors.green.a60}" },
+			active: { value: "{colors.green.a65}" },
+			disabled: { value: "{colors.green.a30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.green.s90}" },
+			hover: { value: "{colors.green.s100}" },
+			active: { value: "{colors.green.s100}" },
+			disabled: { value: "{colors.green.s60}" }
+		}
+	},
+	bgSolid: {
+		min: {
+			DEFAULT: { value: "{colors.green.s00}" },
+			hover: { value: "{colors.green.s05}" },
+			active: { value: "{colors.green.s10}" },
+			disabled: { value: "{colors.green.s00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.green.s10}" },
+			hover: { value: "{colors.green.s15}" },
+			active: { value: "{colors.green.s20}" },
+			disabled: { value: "{colors.green.s05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.green.s30}" },
+			hover: { value: "{colors.green.s40}" },
+			active: { value: "{colors.green.s50}" },
+			disabled: { value: "{colors.green.s15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.green.s50}" },
+			hover: { value: "{colors.green.s60}" },
+			active: { value: "{colors.green.s65}" },
+			disabled: { value: "{colors.green.s30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.green.s90}" },
+			hover: { value: "{colors.green.s100}" },
+			active: { value: "{colors.green.s100}" },
+			disabled: { value: "{colors.green.s60}" }
+		}
+	},
+	fg: {
+		max: { value: "{colors.green.s125}" },
+		onSolid: { value: "{colors.green.s00}" },
+		heading: { value: "{colors.green.s120}" },
+		body: {
+			DEFAULT: { value: "{colors.green.s115}" },
+			hover: { value: "{colors.green.s120}" },
+			disabled: { value: "{colors.green.s90}" }
+		},
+		muted: {
+			DEFAULT: { value: "{colors.green.s100}" },
+			hover: { value: "{colors.green.s110}" },
+			disabled: { value: "{colors.green.s80}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.green.s90}" },
+			hover: { value: "{colors.green.s100}" },
+			disabled: { value: "{colors.green.s70}" }
+		},
+		link: {
+			DEFAULT: { value: "{colors.green.s110}" },
+			hover: { value: "{colors.green.s120}" },
+			active: { value: "{colors.green.s110}" },
+			disabled: { value: "{colors.green.s90}" }
+		}
+	},
+	bd: {
+		subtle: {
+			DEFAULT: { value: "{colors.green.a40}" },
+			hover: { value: "{colors.green.a50}" },
+			active: { value: "{colors.green.a50}" },
+			disabled: { value: "{colors.green.a20}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.green.a60}" },
+			hover: { value: "{colors.green.a70}" },
+			active: { value: "{colors.green.a70}" },
+			disabled: { value: "{colors.green.a40}" }
+		},
+		strong: {
+			DEFAULT: { value: "{colors.green.a80}" },
+			hover: { value: "{colors.green.a90}" },
+			active: { value: "{colors.green.a90}" },
+			disabled: { value: "{colors.green.a60}" }
+		}
+	}
+});
+//#endregion
+//#region src/theme/colors/orange.gen.ts
+const orange = defineSemanticTokens.colors({
+	s00: { value: {
+		_light: "#ffffff",
+		_dark: "#000000"
+	} },
+	s05: { value: {
+		_light: "#fffdfd",
+		_dark: "#040202"
+	} },
+	s10: { value: {
+		_light: "#fefcfb",
+		_dark: "#17120e"
+	} },
+	s15: { value: {
+		_light: "#fff9f4",
+		_dark: "#1a140f"
+	} },
+	s20: { value: {
+		_light: "#fff7ed",
+		_dark: "#1e160f"
+	} },
+	s25: { value: {
+		_light: "#fff3e2",
+		_dark: "#281a0e"
+	} },
+	s30: { value: {
+		_light: "#ffefd6",
+		_dark: "#331e0b"
+	} },
+	s35: { value: {
+		_light: "#ffe7c5",
+		_dark: "#3c2006"
+	} },
+	s40: { value: {
+		_light: "#ffdfb5",
+		_dark: "#462100"
+	} },
+	s45: { value: {
+		_light: "#ffd8a8",
+		_dark: "#4e2500"
+	} },
+	s50: { value: {
+		_light: "#ffd19a",
+		_dark: "#562800"
+	} },
+	s55: { value: {
+		_light: "#ffc98e",
+		_dark: "#5e2e05"
+	} },
+	s60: { value: {
+		_light: "#ffc182",
+		_dark: "#66350c"
+	} },
+	s65: { value: {
+		_light: "#fab77a",
+		_dark: "#723d15"
+	} },
+	s70: { value: {
+		_light: "#f5ae73",
+		_dark: "#7e451d"
+	} },
+	s75: { value: {
+		_light: "#f1a164",
+		_dark: "#904e23"
+	} },
+	s80: { value: {
+		_light: "#ec9455",
+		_dark: "#a35829"
+	} },
+	s85: { value: {
+		_light: "#f28139",
+		_dark: "#cc6221"
+	} },
+	s90: { value: {
+		_light: "#f76b15",
+		_dark: "#f76b15"
+	} },
+	s95: { value: {
+		_light: "#f3650c",
+		_dark: "#fb7619"
+	} },
+	s100: { value: {
+		_light: "#ef5f00",
+		_dark: "#ff801f"
+	} },
+	s105: { value: {
+		_light: "#dd5600",
+		_dark: "#ff913e"
+	} },
+	s110: { value: {
+		_light: "#cc4e00",
+		_dark: "#ffa057"
+	} },
+	s115: { value: {
+		_light: "#903e1a",
+		_dark: "#ffc18d"
+	} },
+	s120: { value: {
+		_light: "#582d1d",
+		_dark: "#ffe0c2"
+	} },
+	s125: { value: {
+		_light: "#241b18",
+		_dark: "#fffcf8"
+	} },
+	a00: { value: {
+		_light: "transparent",
+		_dark: "transparent"
+	} },
+	a05: { value: {
+		_light: "#c0400002",
+		_dark: "#ec360004"
+	} },
+	a10: { value: {
+		_light: "#c0400004",
+		_dark: "#ec360007"
+	} },
+	a15: { value: {
+		_light: "#e167000b",
+		_dark: "#f654000b"
+	} },
+	a20: { value: {
+		_light: "#ff8e0012",
+		_dark: "#fe6d000e"
+	} },
+	a25: { value: {
+		_light: "#ff95001e",
+		_dark: "#fd6b001a"
+	} },
+	a30: { value: {
+		_light: "#ff9c0029",
+		_dark: "#fb6a0025"
+	} },
+	a35: { value: {
+		_light: "#ff97003a",
+		_dark: "#fd62002f"
+	} },
+	a40: { value: {
+		_light: "#ff91014a",
+		_dark: "#ff590039"
+	} },
+	a45: { value: {
+		_light: "#ff8e0058",
+		_dark: "#ff5d0042"
+	} },
+	a50: { value: {
+		_light: "#ff8b0065",
+		_dark: "#ff61004a"
+	} },
+	a55: { value: {
+		_light: "#ff860071",
+		_dark: "#fe6b0053"
+	} },
+	a60: { value: {
+		_light: "#ff81007d",
+		_dark: "#fd75045c"
+	} },
+	a65: { value: {
+		_light: "#f6760085",
+		_dark: "#fe7c1d69"
+	} },
+	a70: { value: {
+		_light: "#ed6c008c",
+		_dark: "#ff832c75"
+	} },
+	a75: { value: {
+		_light: "#e866009b",
+		_dark: "#ff833289"
+	} },
+	a80: { value: {
+		_light: "#e35f00aa",
+		_dark: "#fe84389d"
+	} },
+	a85: { value: {
+		_light: "#ec5f00ca",
+		_dark: "#fe7929ca"
+	} },
+	a90: { value: {
+		_light: "#f65e00ea",
+		_dark: "#fe6d15f7"
+	} },
+	a95: { value: {
+		_light: "#f25f00f4",
+		_dark: "#ff7719fb"
+	} },
+	a100: { value: {
+		_light: "#ef5f00",
+		_dark: "#ff801f"
+	} },
+	a105: { value: {
+		_light: "#dd5600",
+		_dark: "#ff913e"
+	} },
+	a110: { value: {
+		_light: "#cc4e00",
+		_dark: "#ffa057"
+	} },
+	a115: { value: {
+		_light: "#842e01f1",
+		_dark: "#ffc18d"
+	} },
+	a120: { value: {
+		_light: "#431200e2",
+		_dark: "#ffe0c2"
+	} },
+	a125: { value: {
+		_light: "#0b0100d3",
+		_dark: "#fffcf8"
+	} },
+	bg: {
+		min: {
+			DEFAULT: { value: "{colors.orange.a00}" },
+			hover: { value: "{colors.orange.a05}" },
+			active: { value: "{colors.orange.a10}" },
+			disabled: { value: "{colors.orange.a00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.orange.a10}" },
+			hover: { value: "{colors.orange.a15}" },
+			active: { value: "{colors.orange.a20}" },
+			disabled: { value: "{colors.orange.a05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.orange.a30}" },
+			hover: { value: "{colors.orange.a40}" },
+			active: { value: "{colors.orange.a50}" },
+			disabled: { value: "{colors.orange.a15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.orange.a50}" },
+			hover: { value: "{colors.orange.a60}" },
+			active: { value: "{colors.orange.a65}" },
+			disabled: { value: "{colors.orange.a30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.orange.s90}" },
+			hover: { value: "{colors.orange.s100}" },
+			active: { value: "{colors.orange.s100}" },
+			disabled: { value: "{colors.orange.s60}" }
+		}
+	},
+	bgSolid: {
+		min: {
+			DEFAULT: { value: "{colors.orange.s00}" },
+			hover: { value: "{colors.orange.s05}" },
+			active: { value: "{colors.orange.s10}" },
+			disabled: { value: "{colors.orange.s00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.orange.s10}" },
+			hover: { value: "{colors.orange.s15}" },
+			active: { value: "{colors.orange.s20}" },
+			disabled: { value: "{colors.orange.s05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.orange.s30}" },
+			hover: { value: "{colors.orange.s40}" },
+			active: { value: "{colors.orange.s50}" },
+			disabled: { value: "{colors.orange.s15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.orange.s50}" },
+			hover: { value: "{colors.orange.s60}" },
+			active: { value: "{colors.orange.s65}" },
+			disabled: { value: "{colors.orange.s30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.orange.s90}" },
+			hover: { value: "{colors.orange.s100}" },
+			active: { value: "{colors.orange.s100}" },
+			disabled: { value: "{colors.orange.s60}" }
+		}
+	},
+	fg: {
+		max: { value: "{colors.orange.s125}" },
+		onSolid: { value: {
+			_dark: "{colors.orange.s00}",
+			_light: "{colors.orange.s125}"
+		} },
+		heading: { value: "{colors.orange.s120}" },
+		body: {
+			DEFAULT: { value: "{colors.orange.s115}" },
+			hover: { value: "{colors.orange.s120}" },
+			disabled: { value: "{colors.orange.s90}" }
+		},
+		muted: {
+			DEFAULT: { value: "{colors.orange.s100}" },
+			hover: { value: "{colors.orange.s110}" },
+			disabled: { value: "{colors.orange.s80}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.orange.s90}" },
+			hover: { value: "{colors.orange.s100}" },
+			disabled: { value: "{colors.orange.s70}" }
+		},
+		link: {
+			DEFAULT: { value: "{colors.orange.s110}" },
+			hover: { value: "{colors.orange.s120}" },
+			active: { value: "{colors.orange.s110}" },
+			disabled: { value: "{colors.orange.s90}" }
+		}
+	},
+	bd: {
+		subtle: {
+			DEFAULT: { value: "{colors.orange.a40}" },
+			hover: { value: "{colors.orange.a50}" },
+			active: { value: "{colors.orange.a50}" },
+			disabled: { value: "{colors.orange.a20}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.orange.a60}" },
+			hover: { value: "{colors.orange.a70}" },
+			active: { value: "{colors.orange.a70}" },
+			disabled: { value: "{colors.orange.a40}" }
+		},
+		strong: {
+			DEFAULT: { value: "{colors.orange.a80}" },
+			hover: { value: "{colors.orange.a90}" },
+			active: { value: "{colors.orange.a90}" },
+			disabled: { value: "{colors.orange.a60}" }
+		}
+	}
+});
+//#endregion
+//#region src/theme/colors/pink.gen.ts
+const pink = defineSemanticTokens.colors({
+	s00: { value: {
+		_light: "#ffffff",
+		_dark: "#000000"
+	} },
+	s05: { value: {
+		_light: "#fffeff",
+		_dark: "#040204"
+	} },
+	s10: { value: {
+		_light: "#fffcfe",
+		_dark: "#191117"
+	} },
+	s15: { value: {
+		_light: "#fefafd",
+		_dark: "#1d121a"
+	} },
+	s20: { value: {
+		_light: "#fef7fb",
+		_dark: "#21121d"
+	} },
+	s25: { value: {
+		_light: "#fef0f8",
+		_dark: "#2c1526"
+	} },
+	s30: { value: {
+		_light: "#fee9f5",
+		_dark: "#37172f"
+	} },
+	s35: { value: {
+		_light: "#fde2f2",
+		_dark: "#411636"
+	} },
+	s40: { value: {
+		_light: "#fbdcef",
+		_dark: "#4b143d"
+	} },
+	s45: { value: {
+		_light: "#f9d5eb",
+		_dark: "#521842"
+	} },
+	s50: { value: {
+		_light: "#f6cee7",
+		_dark: "#591c47"
+	} },
+	s55: { value: {
+		_light: "#f3c6e2",
+		_dark: "#61234e"
+	} },
+	s60: { value: {
+		_light: "#efbfdd",
+		_dark: "#692955"
+	} },
+	s65: { value: {
+		_light: "#ebb5d7",
+		_dark: "#76305f"
+	} },
+	s70: { value: {
+		_light: "#e7acd0",
+		_dark: "#833869"
+	} },
+	s75: { value: {
+		_light: "#e2a0c9",
+		_dark: "#954077"
+	} },
+	s80: { value: {
+		_light: "#dd93c2",
+		_dark: "#a84885"
+	} },
+	s85: { value: {
+		_light: "#db6db2",
+		_dark: "#bf4592"
+	} },
+	s90: { value: {
+		_light: "#d6409f",
+		_dark: "#d6409f"
+	} },
+	s95: { value: {
+		_light: "#d33c9b",
+		_dark: "#da49a3"
+	} },
+	s100: { value: {
+		_light: "#cf3897",
+		_dark: "#de51a8"
+	} },
+	s105: { value: {
+		_light: "#c83190",
+		_dark: "#ef70ba"
+	} },
+	s110: { value: {
+		_light: "#c2298a",
+		_dark: "#ff8dcc"
+	} },
+	s115: { value: {
+		_light: "#921d69",
+		_dark: "#ffb0dc"
+	} },
+	s120: { value: {
+		_light: "#651249",
+		_dark: "#fdd1ea"
+	} },
+	s125: { value: {
+		_light: "#3c082b",
+		_dark: "#f9f1f6"
+	} },
+	a00: { value: {
+		_light: "transparent",
+		_dark: "transparent"
+	} },
+	a05: { value: {
+		_light: "#ff00aa02",
+		_dark: "#f412bc05"
+	} },
+	a10: { value: {
+		_light: "#ff00aa03",
+		_dark: "#f412bc09"
+	} },
+	a15: { value: {
+		_light: "#f0009406",
+		_dark: "#f41abb0e"
+	} },
+	a20: { value: {
+		_light: "#e0008008",
+		_dark: "#f420bb12"
+	} },
+	a25: { value: {
+		_light: "#ea00860f",
+		_dark: "#f92dc31e"
+	} },
+	a30: { value: {
+		_light: "#f4008c16",
+		_dark: "#fe37cc29"
+	} },
+	a35: { value: {
+		_light: "#eb008c1d",
+		_dark: "#fd2cc834"
+	} },
+	a40: { value: {
+		_light: "#e2008b23",
+		_dark: "#fc1ec43f"
+	} },
+	a45: { value: {
+		_light: "#d900872a",
+		_dark: "#fd2bc347"
+	} },
+	a50: { value: {
+		_light: "#d1008331",
+		_dark: "#fd35c24e"
+	} },
+	a55: { value: {
+		_light: "#c8007d39",
+		_dark: "#fd44c557"
+	} },
+	a60: { value: {
+		_light: "#c0007840",
+		_dark: "#fd51c75f"
+	} },
+	a65: { value: {
+		_light: "#bb00734a",
+		_dark: "#fd5ac76d"
+	} },
+	a70: { value: {
+		_light: "#b6006f53",
+		_dark: "#fd62c87b"
+	} },
+	a75: { value: {
+		_light: "#b2006f60",
+		_dark: "#fe65c88f"
+	} },
+	a80: { value: {
+		_light: "#af006f6c",
+		_dark: "#ff68c8a2"
+	} },
+	a85: { value: {
+		_light: "#bb007796",
+		_dark: "#ff5ac2bb"
+	} },
+	a90: { value: {
+		_light: "#c8007fbf",
+		_dark: "#fe49bcd4"
+	} },
+	a95: { value: {
+		_light: "#c5007cc3",
+		_dark: "#ff53bed8"
+	} },
+	a100: { value: {
+		_light: "#c2007ac7",
+		_dark: "#ff5cc0dc"
+	} },
+	a105: { value: {
+		_light: "#bc0077cf",
+		_dark: "#ff76c6ee"
+	} },
+	a110: { value: {
+		_light: "#b60074d6",
+		_dark: "#ff8dcc"
+	} },
+	a115: { value: {
+		_light: "#860057e2",
+		_dark: "#ffb1ddfe"
+	} },
+	a120: { value: {
+		_light: "#59003bed",
+		_dark: "#ffd3ecfd"
+	} },
+	a125: { value: {
+		_light: "#300020f8",
+		_dark: "#fdf4f9fc"
+	} },
+	bg: {
+		min: {
+			DEFAULT: { value: "{colors.pink.a00}" },
+			hover: { value: "{colors.pink.a05}" },
+			active: { value: "{colors.pink.a10}" },
+			disabled: { value: "{colors.pink.a00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.pink.a10}" },
+			hover: { value: "{colors.pink.a15}" },
+			active: { value: "{colors.pink.a20}" },
+			disabled: { value: "{colors.pink.a05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.pink.a30}" },
+			hover: { value: "{colors.pink.a40}" },
+			active: { value: "{colors.pink.a50}" },
+			disabled: { value: "{colors.pink.a15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.pink.a50}" },
+			hover: { value: "{colors.pink.a60}" },
+			active: { value: "{colors.pink.a65}" },
+			disabled: { value: "{colors.pink.a30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.pink.s90}" },
+			hover: { value: "{colors.pink.s100}" },
+			active: { value: "{colors.pink.s100}" },
+			disabled: { value: "{colors.pink.s60}" }
+		}
+	},
+	bgSolid: {
+		min: {
+			DEFAULT: { value: "{colors.pink.s00}" },
+			hover: { value: "{colors.pink.s05}" },
+			active: { value: "{colors.pink.s10}" },
+			disabled: { value: "{colors.pink.s00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.pink.s10}" },
+			hover: { value: "{colors.pink.s15}" },
+			active: { value: "{colors.pink.s20}" },
+			disabled: { value: "{colors.pink.s05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.pink.s30}" },
+			hover: { value: "{colors.pink.s40}" },
+			active: { value: "{colors.pink.s50}" },
+			disabled: { value: "{colors.pink.s15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.pink.s50}" },
+			hover: { value: "{colors.pink.s60}" },
+			active: { value: "{colors.pink.s65}" },
+			disabled: { value: "{colors.pink.s30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.pink.s90}" },
+			hover: { value: "{colors.pink.s100}" },
+			active: { value: "{colors.pink.s100}" },
+			disabled: { value: "{colors.pink.s60}" }
+		}
+	},
+	fg: {
+		max: { value: "{colors.pink.s125}" },
+		onSolid: { value: "{colors.pink.s00}" },
+		heading: { value: "{colors.pink.s120}" },
+		body: {
+			DEFAULT: { value: "{colors.pink.s115}" },
+			hover: { value: "{colors.pink.s120}" },
+			disabled: { value: "{colors.pink.s90}" }
+		},
+		muted: {
+			DEFAULT: { value: "{colors.pink.s100}" },
+			hover: { value: "{colors.pink.s110}" },
+			disabled: { value: "{colors.pink.s80}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.pink.s90}" },
+			hover: { value: "{colors.pink.s100}" },
+			disabled: { value: "{colors.pink.s70}" }
+		},
+		link: {
+			DEFAULT: { value: "{colors.pink.s110}" },
+			hover: { value: "{colors.pink.s120}" },
+			active: { value: "{colors.pink.s110}" },
+			disabled: { value: "{colors.pink.s90}" }
+		}
+	},
+	bd: {
+		subtle: {
+			DEFAULT: { value: "{colors.pink.a40}" },
+			hover: { value: "{colors.pink.a50}" },
+			active: { value: "{colors.pink.a50}" },
+			disabled: { value: "{colors.pink.a20}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.pink.a60}" },
+			hover: { value: "{colors.pink.a70}" },
+			active: { value: "{colors.pink.a70}" },
+			disabled: { value: "{colors.pink.a40}" }
+		},
+		strong: {
+			DEFAULT: { value: "{colors.pink.a80}" },
+			hover: { value: "{colors.pink.a90}" },
+			active: { value: "{colors.pink.a90}" },
+			disabled: { value: "{colors.pink.a60}" }
+		}
+	}
+});
+//#endregion
+//#region src/theme/colors/purple.gen.ts
+const purple = defineSemanticTokens.colors({
+	s00: { value: {
+		_light: "#ffffff",
+		_dark: "#000000"
+	} },
+	s05: { value: {
+		_light: "#fffdff",
+		_dark: "#040205"
+	} },
+	s10: { value: {
+		_light: "#fefcfe",
+		_dark: "#18111b"
+	} },
+	s15: { value: {
+		_light: "#fdf9fe",
+		_dark: "#1b131f"
+	} },
+	s20: { value: {
+		_light: "#fbf7fe",
+		_dark: "#1e1523"
+	} },
+	s25: { value: {
+		_light: "#f9f2fe",
+		_dark: "#27192f"
+	} },
+	s30: { value: {
+		_light: "#f7edfe",
+		_dark: "#301c3b"
+	} },
+	s35: { value: {
+		_light: "#f4e8fd",
+		_dark: "#361f44"
+	} },
+	s40: { value: {
+		_light: "#f2e2fc",
+		_dark: "#3d224e"
+	} },
+	s45: { value: {
+		_light: "#eedbfa",
+		_dark: "#422555"
+	} },
+	s50: { value: {
+		_light: "#ead5f9",
+		_dark: "#48295c"
+	} },
+	s55: { value: {
+		_light: "#e5ccf7",
+		_dark: "#4e2e63"
+	} },
+	s60: { value: {
+		_light: "#e0c4f4",
+		_dark: "#54346b"
+	} },
+	s65: { value: {
+		_light: "#d9b9f0",
+		_dark: "#5d3b76"
+	} },
+	s70: { value: {
+		_light: "#d1afec",
+		_dark: "#664282"
+	} },
+	s75: { value: {
+		_light: "#c8a1e8",
+		_dark: "#754c96"
+	} },
+	s80: { value: {
+		_light: "#be93e4",
+		_dark: "#8457aa"
+	} },
+	s85: { value: {
+		_light: "#a671d5",
+		_dark: "#8953b8"
+	} },
+	s90: { value: {
+		_light: "#8e4ec6",
+		_dark: "#8e4ec6"
+	} },
+	s95: { value: {
+		_light: "#884abf",
+		_dark: "#9455cb"
+	} },
+	s100: { value: {
+		_light: "#8347b9",
+		_dark: "#9a5cd0"
+	} },
+	s105: { value: {
+		_light: "#8246b7",
+		_dark: "#b57de7"
+	} },
+	s110: { value: {
+		_light: "#8145b5",
+		_dark: "#d19dff"
+	} },
+	s115: { value: {
+		_light: "#5f3289",
+		_dark: "#dfbbfd"
+	} },
+	s120: { value: {
+		_light: "#402060",
+		_dark: "#ecd9fa"
+	} },
+	s125: { value: {
+		_light: "#240f3a",
+		_dark: "#f7f7f7"
+	} },
+	a00: { value: {
+		_light: "transparent",
+		_dark: "transparent"
+	} },
+	a05: { value: {
+		_light: "#aa00aa02",
+		_dark: "#b412f906"
+	} },
+	a10: { value: {
+		_light: "#aa00aa03",
+		_dark: "#b412f90b"
+	} },
+	a15: { value: {
+		_light: "#9700c706",
+		_dark: "#b631f810"
+	} },
+	a20: { value: {
+		_light: "#8000e008",
+		_dark: "#b744f714"
+	} },
+	a25: { value: {
+		_light: "#8700e90d",
+		_dark: "#bc4afb21"
+	} },
+	a30: { value: {
+		_light: "#8e00f112",
+		_dark: "#c150ff2d"
+	} },
+	a35: { value: {
+		_light: "#8e00eb18",
+		_dark: "#be52fe38"
+	} },
+	a40: { value: {
+		_light: "#8d00e51d",
+		_dark: "#bb53fd42"
+	} },
+	a45: { value: {
+		_light: "#8600e024",
+		_dark: "#bd58fd4a"
+	} },
+	a50: { value: {
+		_light: "#8000db2a",
+		_dark: "#be5cfd51"
+	} },
+	a55: { value: {
+		_light: "#7d01d533",
+		_dark: "#bf65fd59"
+	} },
+	a60: { value: {
+		_light: "#7a01d03b",
+		_dark: "#c16dfd61"
+	} },
+	a65: { value: {
+		_light: "#7301ca46",
+		_dark: "#c273fd6e"
+	} },
+	a70: { value: {
+		_light: "#6d00c350",
+		_dark: "#c378fd7a"
+	} },
+	a75: { value: {
+		_light: "#6900c25e",
+		_dark: "#c37bfe8f"
+	} },
+	a80: { value: {
+		_light: "#6600c06c",
+		_dark: "#c47effa4"
+	} },
+	a85: { value: {
+		_light: "#6100b68f",
+		_dark: "#bd70ffb3"
+	} },
+	a90: { value: {
+		_light: "#5c00adb1",
+		_dark: "#b661ffc2"
+	} },
+	a95: { value: {
+		_light: "#5700a5b4",
+		_dark: "#b968ffc8"
+	} },
+	a100: { value: {
+		_light: "#53009eb8",
+		_dark: "#bc6fffcd"
+	} },
+	a105: { value: {
+		_light: "#53009cb9",
+		_dark: "#c787ffe6"
+	} },
+	a110: { value: {
+		_light: "#52009aba",
+		_dark: "#d19dff"
+	} },
+	a115: { value: {
+		_light: "#3b0070cd",
+		_dark: "#e2bdfffd"
+	} },
+	a120: { value: {
+		_light: "#250049df",
+		_dark: "#f1ddfffa"
+	} },
+	a125: { value: {
+		_light: "#110025f1",
+		_dark: "#fefdfff7"
+	} },
+	bg: {
+		min: {
+			DEFAULT: { value: "{colors.purple.a00}" },
+			hover: { value: "{colors.purple.a05}" },
+			active: { value: "{colors.purple.a10}" },
+			disabled: { value: "{colors.purple.a00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.purple.a10}" },
+			hover: { value: "{colors.purple.a15}" },
+			active: { value: "{colors.purple.a20}" },
+			disabled: { value: "{colors.purple.a05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.purple.a30}" },
+			hover: { value: "{colors.purple.a40}" },
+			active: { value: "{colors.purple.a50}" },
+			disabled: { value: "{colors.purple.a15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.purple.a50}" },
+			hover: { value: "{colors.purple.a60}" },
+			active: { value: "{colors.purple.a65}" },
+			disabled: { value: "{colors.purple.a30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.purple.s90}" },
+			hover: { value: "{colors.purple.s100}" },
+			active: { value: "{colors.purple.s100}" },
+			disabled: { value: "{colors.purple.s60}" }
+		}
+	},
+	bgSolid: {
+		min: {
+			DEFAULT: { value: "{colors.purple.s00}" },
+			hover: { value: "{colors.purple.s05}" },
+			active: { value: "{colors.purple.s10}" },
+			disabled: { value: "{colors.purple.s00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.purple.s10}" },
+			hover: { value: "{colors.purple.s15}" },
+			active: { value: "{colors.purple.s20}" },
+			disabled: { value: "{colors.purple.s05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.purple.s30}" },
+			hover: { value: "{colors.purple.s40}" },
+			active: { value: "{colors.purple.s50}" },
+			disabled: { value: "{colors.purple.s15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.purple.s50}" },
+			hover: { value: "{colors.purple.s60}" },
+			active: { value: "{colors.purple.s65}" },
+			disabled: { value: "{colors.purple.s30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.purple.s90}" },
+			hover: { value: "{colors.purple.s100}" },
+			active: { value: "{colors.purple.s100}" },
+			disabled: { value: "{colors.purple.s60}" }
+		}
+	},
+	fg: {
+		max: { value: "{colors.purple.s125}" },
+		onSolid: { value: "{colors.purple.s00}" },
+		heading: { value: "{colors.purple.s120}" },
+		body: {
+			DEFAULT: { value: "{colors.purple.s115}" },
+			hover: { value: "{colors.purple.s120}" },
+			disabled: { value: "{colors.purple.s90}" }
+		},
+		muted: {
+			DEFAULT: { value: "{colors.purple.s100}" },
+			hover: { value: "{colors.purple.s110}" },
+			disabled: { value: "{colors.purple.s80}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.purple.s90}" },
+			hover: { value: "{colors.purple.s100}" },
+			disabled: { value: "{colors.purple.s70}" }
+		},
+		link: {
+			DEFAULT: { value: "{colors.purple.s110}" },
+			hover: { value: "{colors.purple.s120}" },
+			active: { value: "{colors.purple.s110}" },
+			disabled: { value: "{colors.purple.s90}" }
+		}
+	},
+	bd: {
+		subtle: {
+			DEFAULT: { value: "{colors.purple.a40}" },
+			hover: { value: "{colors.purple.a50}" },
+			active: { value: "{colors.purple.a50}" },
+			disabled: { value: "{colors.purple.a20}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.purple.a60}" },
+			hover: { value: "{colors.purple.a70}" },
+			active: { value: "{colors.purple.a70}" },
+			disabled: { value: "{colors.purple.a40}" }
+		},
+		strong: {
+			DEFAULT: { value: "{colors.purple.a80}" },
+			hover: { value: "{colors.purple.a90}" },
+			active: { value: "{colors.purple.a90}" },
+			disabled: { value: "{colors.purple.a60}" }
+		}
+	}
+});
+//#endregion
+//#region src/theme/colors/red.gen.ts
+const red = defineSemanticTokens.colors({
+	s00: { value: {
+		_light: "#ffffff",
+		_dark: "#000000"
+	} },
+	s05: { value: {
+		_light: "#fffdfd",
+		_dark: "#040202"
+	} },
+	s10: { value: {
+		_light: "#fffcfc",
+		_dark: "#191111"
+	} },
+	s15: { value: {
+		_light: "#fff9f9",
+		_dark: "#1d1212"
+	} },
+	s20: { value: {
+		_light: "#fff7f7",
+		_dark: "#201314"
+	} },
+	s25: { value: {
+		_light: "#fff1f1",
+		_dark: "#2e1316"
+	} },
+	s30: { value: {
+		_light: "#feebec",
+		_dark: "#3b1219"
+	} },
+	s35: { value: {
+		_light: "#ffe3e4",
+		_dark: "#45111b"
+	} },
+	s40: { value: {
+		_light: "#ffdbdc",
+		_dark: "#500f1c"
+	} },
+	s45: { value: {
+		_light: "#ffd4d5",
+		_dark: "#581220"
+	} },
+	s50: { value: {
+		_light: "#ffcdce",
+		_dark: "#611623"
+	} },
+	s55: { value: {
+		_light: "#fec5c6",
+		_dark: "#691d28"
+	} },
+	s60: { value: {
+		_light: "#fdbdbe",
+		_dark: "#72232d"
+	} },
+	s65: { value: {
+		_light: "#f9b3b4",
+		_dark: "#7f2b33"
+	} },
+	s70: { value: {
+		_light: "#f4a9aa",
+		_dark: "#8c333a"
+	} },
+	s75: { value: {
+		_light: "#f09c9d",
+		_dark: "#a03c41"
+	} },
+	s80: { value: {
+		_light: "#eb8e90",
+		_dark: "#b54548"
+	} },
+	s85: { value: {
+		_light: "#e96e70",
+		_dark: "#cd474b"
+	} },
+	s90: { value: {
+		_light: "#e5484d",
+		_dark: "#e5484d"
+	} },
+	s95: { value: {
+		_light: "#e14348",
+		_dark: "#e95356"
+	} },
+	s100: { value: {
+		_light: "#dc3e42",
+		_dark: "#ec5d5e"
+	} },
+	s105: { value: {
+		_light: "#d5353a",
+		_dark: "#f67a78"
+	} },
+	s110: { value: {
+		_light: "#ce2c31",
+		_dark: "#ff9592"
+	} },
+	s115: { value: {
+		_light: "#97212d",
+		_dark: "#ffb3b9"
+	} },
+	s120: { value: {
+		_light: "#641723",
+		_dark: "#ffd1d9"
+	} },
+	s125: { value: {
+		_light: "#350d15",
+		_dark: "#fdeff3"
+	} },
+	a00: { value: {
+		_light: "transparent",
+		_dark: "transparent"
+	} },
+	a05: { value: {
+		_light: "#ff000002",
+		_dark: "#f4121205"
+	} },
+	a10: { value: {
+		_light: "#ff000003",
+		_dark: "#f4121209"
+	} },
+	a15: { value: {
+		_light: "#ff000006",
+		_dark: "#f3232d0d"
+	} },
+	a20: { value: {
+		_light: "#ff000008",
+		_dark: "#f22f3e11"
+	} },
+	a25: { value: {
+		_light: "#f900070e",
+		_dark: "#f9253e1f"
+	} },
+	a30: { value: {
+		_light: "#f3000d14",
+		_dark: "#ff173f2d"
+	} },
+	a35: { value: {
+		_light: "#f9000b1c",
+		_dark: "#ff113d39"
+	} },
+	a40: { value: {
+		_light: "#ff000824",
+		_dark: "#fe0a3b44"
+	} },
+	a45: { value: {
+		_light: "#ff00072b",
+		_dark: "#ff17414d"
+	} },
+	a50: { value: {
+		_light: "#ff000632",
+		_dark: "#ff204756"
+	} },
+	a55: { value: {
+		_light: "#fb00053a",
+		_dark: "#ff314f5f"
+	} },
+	a60: { value: {
+		_light: "#f8000442",
+		_dark: "#ff3e5668"
+	} },
+	a65: { value: {
+		_light: "#eb00034c",
+		_dark: "#ff495b76"
+	} },
+	a70: { value: {
+		_light: "#df000356",
+		_dark: "#ff536184"
+	} },
+	a75: { value: {
+		_light: "#d8000464",
+		_dark: "#ff58619a"
+	} },
+	a80: { value: {
+		_light: "#d2000571",
+		_dark: "#ff5d61b0"
+	} },
+	a85: { value: {
+		_light: "#d6000694",
+		_dark: "#ff565bca"
+	} },
+	a90: { value: {
+		_light: "#db0007b7",
+		_dark: "#fe4e54e4"
+	} },
+	a95: { value: {
+		_light: "#d60006bc",
+		_dark: "#ff595de8"
+	} },
+	a100: { value: {
+		_light: "#d10005c1",
+		_dark: "#ff6465eb"
+	} },
+	a105: { value: {
+		_light: "#ca0006ca",
+		_dark: "#ff7e7cf5"
+	} },
+	a110: { value: {
+		_light: "#c40006d3",
+		_dark: "#ff9592"
+	} },
+	a115: { value: {
+		_light: "#8b0011de",
+		_dark: "#ffb3b9"
+	} },
+	a120: { value: {
+		_light: "#55000de8",
+		_dark: "#ffd1d9"
+	} },
+	a125: { value: {
+		_light: "#240004f2",
+		_dark: "#fdeff3"
+	} },
+	bg: {
+		min: {
+			DEFAULT: { value: "{colors.red.a00}" },
+			hover: { value: "{colors.red.a05}" },
+			active: { value: "{colors.red.a10}" },
+			disabled: { value: "{colors.red.a00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.red.a10}" },
+			hover: { value: "{colors.red.a15}" },
+			active: { value: "{colors.red.a20}" },
+			disabled: { value: "{colors.red.a05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.red.a30}" },
+			hover: { value: "{colors.red.a40}" },
+			active: { value: "{colors.red.a50}" },
+			disabled: { value: "{colors.red.a15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.red.a50}" },
+			hover: { value: "{colors.red.a60}" },
+			active: { value: "{colors.red.a65}" },
+			disabled: { value: "{colors.red.a30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.red.s90}" },
+			hover: { value: "{colors.red.s100}" },
+			active: { value: "{colors.red.s100}" },
+			disabled: { value: "{colors.red.s60}" }
+		}
+	},
+	bgSolid: {
+		min: {
+			DEFAULT: { value: "{colors.red.s00}" },
+			hover: { value: "{colors.red.s05}" },
+			active: { value: "{colors.red.s10}" },
+			disabled: { value: "{colors.red.s00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.red.s10}" },
+			hover: { value: "{colors.red.s15}" },
+			active: { value: "{colors.red.s20}" },
+			disabled: { value: "{colors.red.s05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.red.s30}" },
+			hover: { value: "{colors.red.s40}" },
+			active: { value: "{colors.red.s50}" },
+			disabled: { value: "{colors.red.s15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.red.s50}" },
+			hover: { value: "{colors.red.s60}" },
+			active: { value: "{colors.red.s65}" },
+			disabled: { value: "{colors.red.s30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.red.s90}" },
+			hover: { value: "{colors.red.s100}" },
+			active: { value: "{colors.red.s100}" },
+			disabled: { value: "{colors.red.s60}" }
+		}
+	},
+	fg: {
+		max: { value: "{colors.red.s125}" },
+		onSolid: { value: "{colors.red.s00}" },
+		heading: { value: "{colors.red.s120}" },
+		body: {
+			DEFAULT: { value: "{colors.red.s115}" },
+			hover: { value: "{colors.red.s120}" },
+			disabled: { value: "{colors.red.s90}" }
+		},
+		muted: {
+			DEFAULT: { value: "{colors.red.s100}" },
+			hover: { value: "{colors.red.s110}" },
+			disabled: { value: "{colors.red.s80}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.red.s90}" },
+			hover: { value: "{colors.red.s100}" },
+			disabled: { value: "{colors.red.s70}" }
+		},
+		link: {
+			DEFAULT: { value: "{colors.red.s110}" },
+			hover: { value: "{colors.red.s120}" },
+			active: { value: "{colors.red.s110}" },
+			disabled: { value: "{colors.red.s90}" }
+		}
+	},
+	bd: {
+		subtle: {
+			DEFAULT: { value: "{colors.red.a40}" },
+			hover: { value: "{colors.red.a50}" },
+			active: { value: "{colors.red.a50}" },
+			disabled: { value: "{colors.red.a20}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.red.a60}" },
+			hover: { value: "{colors.red.a70}" },
+			active: { value: "{colors.red.a70}" },
+			disabled: { value: "{colors.red.a40}" }
+		},
+		strong: {
+			DEFAULT: { value: "{colors.red.a80}" },
+			hover: { value: "{colors.red.a90}" },
+			active: { value: "{colors.red.a90}" },
+			disabled: { value: "{colors.red.a60}" }
+		}
+	}
+});
+//#endregion
+//#region src/theme/colors/yellow.gen.ts
+const yellow = defineSemanticTokens.colors({
+	s00: { value: {
+		_light: "#ffffff",
+		_dark: "#000000"
+	} },
+	s05: { value: {
+		_light: "#fefefc",
+		_dark: "#030201"
+	} },
+	s10: { value: {
+		_light: "#fdfdf9",
+		_dark: "#14120b"
+	} },
+	s15: { value: {
+		_light: "#fdfdf1",
+		_dark: "#17150d"
+	} },
+	s20: { value: {
+		_light: "#fefce9",
+		_dark: "#1b180f"
+	} },
+	s25: { value: {
+		_light: "#fffbd1",
+		_dark: "#241e0b"
+	} },
+	s30: { value: {
+		_light: "#fffab8",
+		_dark: "#2d2305"
+	} },
+	s35: { value: {
+		_light: "#fff7a7",
+		_dark: "#322703"
+	} },
+	s40: { value: {
+		_light: "#fff394",
+		_dark: "#362b00"
+	} },
+	s45: { value: {
+		_light: "#ffed83",
+		_dark: "#3c3000"
+	} },
+	s50: { value: {
+		_light: "#ffe770",
+		_dark: "#433500"
+	} },
+	s55: { value: {
+		_light: "#f9df6c",
+		_dark: "#4a3b01"
+	} },
+	s60: { value: {
+		_light: "#f3d768",
+		_dark: "#524202"
+	} },
+	s65: { value: {
+		_light: "#eccf68",
+		_dark: "#5c4b0d"
+	} },
+	s70: { value: {
+		_light: "#e4c767",
+		_dark: "#665417"
+	} },
+	s75: { value: {
+		_light: "#dcbb52",
+		_dark: "#745f1c"
+	} },
+	s80: { value: {
+		_light: "#d5ae39",
+		_dark: "#836a21"
+	} },
+	s85: { value: {
+		_light: "#ebc931",
+		_dark: "#c2a525"
+	} },
+	s90: { value: {
+		_light: "#ffe629",
+		_dark: "#ffe629"
+	} },
+	s95: { value: {
+		_light: "#ffe11a",
+		_dark: "#fff342"
+	} },
+	s100: { value: {
+		_light: "#ffdc00",
+		_dark: "#ffff57"
+	} },
+	s105: { value: {
+		_light: "#d1a100",
+		_dark: "#fbf04e"
+	} },
+	s110: { value: {
+		_light: "#9e6c00",
+		_dark: "#f5e147"
+	} },
+	s115: { value: {
+		_light: "#705419",
+		_dark: "#f6e886"
+	} },
+	s120: { value: {
+		_light: "#473b1f",
+		_dark: "#f6eeb4"
+	} },
+	s125: { value: {
+		_light: "#24221d",
+		_dark: "#f6f3dd"
+	} },
+	a00: { value: {
+		_light: "transparent",
+		_dark: "transparent"
+	} },
+	a05: { value: {
+		_light: "#aaaa0003",
+		_dark: "#d1510002"
+	} },
+	a10: { value: {
+		_light: "#aaaa0006",
+		_dark: "#d1510004"
+	} },
+	a15: { value: {
+		_light: "#cec3000e",
+		_dark: "#ea820008"
+	} },
+	a20: { value: {
+		_light: "#f4dd0016",
+		_dark: "#f9b4000b"
+	} },
+	a25: { value: {
+		_light: "#fae5002f",
+		_dark: "#fcaf0014"
+	} },
+	a30: { value: {
+		_light: "#ffee0047",
+		_dark: "#ffaa001e"
+	} },
+	a35: { value: {
+		_light: "#ffe80059",
+		_dark: "#feb00023"
+	} },
+	a40: { value: {
+		_light: "#ffe3016b",
+		_dark: "#fdb70028"
+	} },
+	a45: { value: {
+		_light: "#ffdc007d",
+		_dark: "#feb9002f"
+	} },
+	a50: { value: {
+		_light: "#ffd5008f",
+		_dark: "#febb0036"
+	} },
+	a55: { value: {
+		_light: "#f5c80093",
+		_dark: "#febf003e"
+	} },
+	a60: { value: {
+		_light: "#ebbc0097",
+		_dark: "#fec40046"
+	} },
+	a65: { value: {
+		_light: "#dfae0098",
+		_dark: "#fec81551"
+	} },
+	a70: { value: {
+		_light: "#d2a10098",
+		_dark: "#fdcb225c"
+	} },
+	a75: { value: {
+		_light: "#ce9c00af",
+		_dark: "#fdca2b6c"
+	} },
+	a80: { value: {
+		_light: "#c99700c6",
+		_dark: "#fdca327b"
+	} },
+	a85: { value: {
+		_light: "#e6bb00ce",
+		_dark: "#ffd82bbd"
+	} },
+	a90: { value: {
+		_light: "#ffe100d6",
+		_dark: "#ffe629"
+	} },
+	a95: { value: {
+		_light: "#ffde00eb",
+		_dark: "#fff342"
+	} },
+	a100: { value: {
+		_light: "#ffdc00",
+		_dark: "#ffff57"
+	} },
+	a105: { value: {
+		_light: "#d1a100",
+		_dark: "#fff44ffa"
+	} },
+	a110: { value: {
+		_light: "#9e6c00",
+		_dark: "#fee949f5"
+	} },
+	a115: { value: {
+		_light: "#624500f0",
+		_dark: "#fef08af6"
+	} },
+	a120: { value: {
+		_light: "#2e2000e0",
+		_dark: "#fef6baf6"
+	} },
+	a125: { value: {
+		_light: "#050300d0",
+		_dark: "#fefbe5f6"
+	} },
+	bg: {
+		min: {
+			DEFAULT: { value: "{colors.yellow.a00}" },
+			hover: { value: "{colors.yellow.a05}" },
+			active: { value: "{colors.yellow.a10}" },
+			disabled: { value: "{colors.yellow.a00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.yellow.a10}" },
+			hover: { value: "{colors.yellow.a15}" },
+			active: { value: "{colors.yellow.a20}" },
+			disabled: { value: "{colors.yellow.a05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.yellow.a30}" },
+			hover: { value: "{colors.yellow.a40}" },
+			active: { value: "{colors.yellow.a50}" },
+			disabled: { value: "{colors.yellow.a15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.yellow.a50}" },
+			hover: { value: "{colors.yellow.a60}" },
+			active: { value: "{colors.yellow.a65}" },
+			disabled: { value: "{colors.yellow.a30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.yellow.s90}" },
+			hover: { value: "{colors.yellow.s100}" },
+			active: { value: "{colors.yellow.s100}" },
+			disabled: { value: "{colors.yellow.s60}" }
+		}
+	},
+	bgSolid: {
+		min: {
+			DEFAULT: { value: "{colors.yellow.s00}" },
+			hover: { value: "{colors.yellow.s05}" },
+			active: { value: "{colors.yellow.s10}" },
+			disabled: { value: "{colors.yellow.s00}" }
+		},
+		surface: {
+			DEFAULT: { value: "{colors.yellow.s10}" },
+			hover: { value: "{colors.yellow.s15}" },
+			active: { value: "{colors.yellow.s20}" },
+			disabled: { value: "{colors.yellow.s05}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.yellow.s30}" },
+			hover: { value: "{colors.yellow.s40}" },
+			active: { value: "{colors.yellow.s50}" },
+			disabled: { value: "{colors.yellow.s15}" }
+		},
+		shaded: {
+			DEFAULT: { value: "{colors.yellow.s50}" },
+			hover: { value: "{colors.yellow.s60}" },
+			active: { value: "{colors.yellow.s65}" },
+			disabled: { value: "{colors.yellow.s30}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.yellow.s90}" },
+			hover: { value: "{colors.yellow.s100}" },
+			active: { value: "{colors.yellow.s100}" },
+			disabled: { value: "{colors.yellow.s60}" }
+		}
+	},
+	fg: {
+		max: { value: "{colors.yellow.s125}" },
+		onSolid: { value: {
+			_dark: "{colors.yellow.s00}",
+			_light: "{colors.yellow.s125}"
+		} },
+		heading: { value: "{colors.yellow.s120}" },
+		body: {
+			DEFAULT: { value: "{colors.yellow.s115}" },
+			hover: { value: "{colors.yellow.s120}" },
+			disabled: { value: "{colors.yellow.s90}" }
+		},
+		muted: {
+			DEFAULT: { value: "{colors.yellow.s100}" },
+			hover: { value: "{colors.yellow.s110}" },
+			disabled: { value: "{colors.yellow.s80}" }
+		},
+		subtle: {
+			DEFAULT: { value: "{colors.yellow.s90}" },
+			hover: { value: "{colors.yellow.s100}" },
+			disabled: { value: "{colors.yellow.s70}" }
+		},
+		link: {
+			DEFAULT: { value: "{colors.yellow.s110}" },
+			hover: { value: "{colors.yellow.s120}" },
+			active: { value: "{colors.yellow.s110}" },
+			disabled: { value: "{colors.yellow.s90}" }
+		}
+	},
+	bd: {
+		subtle: {
+			DEFAULT: { value: "{colors.yellow.a40}" },
+			hover: { value: "{colors.yellow.a50}" },
+			active: { value: "{colors.yellow.a50}" },
+			disabled: { value: "{colors.yellow.a20}" }
+		},
+		solid: {
+			DEFAULT: { value: "{colors.yellow.a60}" },
+			hover: { value: "{colors.yellow.a70}" },
+			active: { value: "{colors.yellow.a70}" },
+			disabled: { value: "{colors.yellow.a40}" }
+		},
+		strong: {
+			DEFAULT: { value: "{colors.yellow.a80}" },
+			hover: { value: "{colors.yellow.a90}" },
+			active: { value: "{colors.yellow.a90}" },
+			disabled: { value: "{colors.yellow.a60}" }
+		}
+	}
+});
+const staticColors = {
+	black: defineTokens.colors({
+		DEFAULT: { value: "#000000" },
+		a00: { value: "rgba(0, 0, 0, 0)" },
+		a05: { value: "rgba(0, 0, 0, 0.025)" },
+		a10: { value: "rgba(0, 0, 0, 0.05)" },
+		a15: { value: "rgba(0, 0, 0, 0.075)" },
+		a20: { value: "rgba(0, 0, 0, 0.1)" },
+		a25: { value: "rgba(0, 0, 0, 0.125)" },
+		a30: { value: "rgba(0, 0, 0, 0.15)" },
+		a35: { value: "rgba(0, 0, 0, 0.175)" },
+		a40: { value: "rgba(0, 0, 0, 0.2)" },
+		a45: { value: "rgba(0, 0, 0, 0.25)" },
+		a50: { value: "rgba(0, 0, 0, 0.3)" },
+		a55: { value: "rgba(0, 0, 0, 0.35)" },
+		a60: { value: "rgba(0, 0, 0, 0.4)" },
+		a65: { value: "rgba(0, 0, 0, 0.45)" },
+		a70: { value: "rgba(0, 0, 0, 0.5)" },
+		a75: { value: "rgba(0, 0, 0, 0.55)" },
+		a80: { value: "rgba(0, 0, 0, 0.6)" },
+		a85: { value: "rgba(0, 0, 0, 0.65)" },
+		a90: { value: "rgba(0, 0, 0, 0.7)" },
+		a95: { value: "rgba(0, 0, 0, 0.75)" },
+		a100: { value: "rgba(0, 0, 0, 0.8)" },
+		a105: { value: "rgba(0, 0, 0, 0.85)" },
+		a110: { value: "rgba(0, 0, 0, 0.9)" },
+		a115: { value: "rgba(0, 0, 0, 0.925)" },
+		a120: { value: "rgba(0, 0, 0, 0.95)" },
+		a125: { value: "rgba(0, 0, 0, 0.975)" }
+	}),
+	white: defineTokens.colors({
+		DEFAULT: { value: "#ffffff" },
+		a00: { value: "rgba(255, 255, 255, 0)" },
+		a05: { value: "rgba(255, 255, 255, 0.025)" },
+		a10: { value: "rgba(255, 255, 255, 0.05)" },
+		a15: { value: "rgba(255, 255, 255, 0.075)" },
+		a20: { value: "rgba(255, 255, 255, 0.1)" },
+		a25: { value: "rgba(255, 255, 255, 0.125)" },
+		a30: { value: "rgba(255, 255, 255, 0.15)" },
+		a35: { value: "rgba(255, 255, 255, 0.175)" },
+		a40: { value: "rgba(255, 255, 255, 0.2)" },
+		a45: { value: "rgba(255, 255, 255, 0.25)" },
+		a50: { value: "rgba(255, 255, 255, 0.3)" },
+		a55: { value: "rgba(255, 255, 255, 0.35)" },
+		a60: { value: "rgba(255, 255, 255, 0.4)" },
+		a65: { value: "rgba(255, 255, 255, 0.45)" },
+		a70: { value: "rgba(255, 255, 255, 0.5)" },
+		a75: { value: "rgba(255, 255, 255, 0.55)" },
+		a80: { value: "rgba(255, 255, 255, 0.6)" },
+		a85: { value: "rgba(255, 255, 255, 0.65)" },
+		a90: { value: "rgba(255, 255, 255, 0.7)" },
+		a95: { value: "rgba(255, 255, 255, 0.75)" },
+		a100: { value: "rgba(255, 255, 255, 0.8)" },
+		a105: { value: "rgba(255, 255, 255, 0.85)" },
+		a110: { value: "rgba(255, 255, 255, 0.9)" },
+		a115: { value: "rgba(255, 255, 255, 0.925)" },
+		a120: { value: "rgba(255, 255, 255, 0.95)" },
+		a125: { value: "rgba(255, 255, 255, 0.975)" }
+	})
+};
+//#endregion
+//#region src/theme/colors.gen.ts
+/** Semantic color palettes with light/dark mode and variant tokens. */
+const palettes = {
+	blue,
+	neutral,
+	green,
+	orange,
+	pink,
+	purple,
+	red,
+	yellow
+};
+defineTokens.fonts({
+	display: { value: "Inter Display" },
+	body: { value: "Inter" }
+});
+const fontWeights = defineTokens.fontWeights({
+	normal: { value: 400 },
+	medium: { value: 500 },
+	semibold: { value: 600 }
+});
+const fontSizes = defineTokens.fontSizes({
+	"3xl": { value: "30px" },
+	sm: { value: "14px" },
+	base: { value: "16px" },
+	xs: { value: "12px" },
+	xl: { value: "20px" },
+	lg: { value: "18px" },
+	"2xl": { value: "24px" },
+	"4xl": { value: "36px" }
+});
+const lineHeights = defineTokens.lineHeights({
+	none: {
+		"text-3xl": { value: "{fontSizes.3xl}" },
+		"text-sm": { value: "{fontSizes.sm}" },
+		"text-xs": { value: "{fontSizes.xs}" },
+		"text-base": { value: "{fontSizes.base}" },
+		"text-lg": { value: "{fontSizes.lg}" }
+	},
+	normal: {
+		"text-xs": { value: "18px" },
+		"text-sm": { value: "21px" },
+		"text-base": { value: "24px" },
+		"text-lg": { value: "27px" }
+	}
+});
+//#endregion
+export { staticColors as a, purple as c, green as d, neutral as f, definePreset as h, palettes as i, pink as l, defineGlobalStyles as m, fontWeights as n, yellow as o, blue as p, lineHeights as r, red as s, fontSizes as t, orange as u };