@jects/jds 0.0.1

package/dist/tokens.d.ts

@@ -0,0 +1,4002 @@
+declare const globalStyles: {
+    readonly ":root": {
+        readonly "--primitive-flow-20": "#faf8ff";
+        readonly "--primitive-flow-40": "#f2f3ff";
+        readonly "--primitive-flow-80": "#e7e7f3";
+        readonly "--primitive-flow-150": "#d3d4df";
+        readonly "--primitive-flow-200": "#c5c6d1";
+        readonly "--primitive-flow-250": "#b7b8c3";
+        readonly "--primitive-flow-300": "#a9aab6";
+        readonly "--primitive-flow-350": "#9c9da8";
+        readonly "--primitive-flow-400": "#8f909b";
+        readonly "--primitive-flow-500": "#757681";
+        readonly "--primitive-flow-550": "#686a74";
+        readonly "--primitive-red-20": "#fff8f7";
+        readonly "--primitive-red-40": "#fff0ef";
+        readonly "--primitive-red-80": "#ffe2df";
+        readonly "--primitive-red-150": "#ffc7c2";
+        readonly "--primitive-red-250": "#ff9f97";
+        readonly "--primitive-red-350": "#ff7169";
+        readonly "--primitive-red-450": "#ef4442";
+        readonly "--primitive-red-550": "#cb292d";
+        readonly "--primitive-red-650": "#a80618";
+        readonly "--primitive-red-750": "#7d000d";
+        readonly "--primitive-red-800": "#680009";
+        readonly "--primitive-flow-650": "#50525c";
+        readonly "--primitive-flow-450": "#81838e";
+        readonly "--primitive-flow-750": "#393b44";
+        readonly "--primitive-flow-60": "#ecedf9";
+        readonly "--primitive-flow-100": "#e1e2ee";
+        readonly "--primitive-shade-2": "#191b2405";
+        readonly "--primitive-shade-4": "#191b240a";
+        readonly "--primitive-shade-6": "#191b240f";
+        readonly "--primitive-shade-8": "#191b2414";
+        readonly "--primitive-shade-12": "#191b241e";
+        readonly "--primitive-base-0": "#ffffff";
+        readonly "--primitive-base-1000": "#000000";
+        readonly "--primitive-flow-600": "#5c5e68";
+        readonly "--primitive-flow-700": "#444650";
+        readonly "--primitive-flow-800": "#2e3039";
+        readonly "--primitive-red-60": "#ffe9e7";
+        readonly "--primitive-red-100": "#ffdad6";
+        readonly "--primitive-red-200": "#ffb3ad";
+        readonly "--primitive-red-300": "#ff8981";
+        readonly "--primitive-red-400": "#ff5450";
+        readonly "--primitive-red-500": "#dd3737";
+        readonly "--primitive-red-600": "#ba1a22";
+        readonly "--primitive-red-700": "#930012";
+        readonly "--primitive-flow-dark-alpha-20": "#fbf9ff";
+        readonly "--primitive-flow-dark-alpha-40": "#f4f5ff";
+        readonly "--primitive-flow-dark-alpha-400": "#f2f2fc8c";
+        readonly "--primitive-flow-dark-alpha-450": "#edeffc7c";
+        readonly "--primitive-flow-dark-alpha-500": "#ededfb6d";
+        readonly "--primitive-flow-dark-alpha-550": "#edeffb5e";
+        readonly "--primitive-flow-dark-alpha-600": "#ebedf851";
+        readonly "--primitive-flow-dark-alpha-650": "#eef0fb42";
+        readonly "--primitive-flow-dark-alpha-700": "#e4e6f535";
+        readonly "--primitive-flow-dark-alpha-750": "#eff1f926";
+        readonly "--primitive-flow-dark-alpha-800": "#e9ecf519";
+        readonly "--primitive-flow-dark-alpha-60": "#f1f2fdf9";
+        readonly "--primitive-flow-dark-alpha-80": "#f0f0fdf2";
+        readonly "--primitive-flow-dark-alpha-100": "#f1f2fded";
+        readonly "--primitive-flow-dark-alpha-150": "#f1f2fddb";
+        readonly "--primitive-flow-dark-alpha-200": "#f4f4ffc9";
+        readonly "--primitive-flow-dark-alpha-250": "#f0f1feba";
+        readonly "--primitive-flow-dark-alpha-300": "#f0f0feaa";
+        readonly "--primitive-flow-dark-alpha-350": "#f2f2fc9b";
+        readonly "--primitive-flow-light-alpha-20": "#5614ff07";
+        readonly "--primitive-flow-light-alpha-40": "#283aff0f";
+        readonly "--primitive-flow-light-alpha-60": "#111cb414";
+        readonly "--primitive-flow-light-alpha-80": "#0e0e8519";
+        readonly "--primitive-flow-light-alpha-100": "#040b701e";
+        readonly "--primitive-flow-light-alpha-150": "#0a104b2d";
+        readonly "--primitive-flow-light-alpha-200": "#0207353a";
+        readonly "--primitive-flow-light-alpha-250": "#07093149";
+        readonly "--primitive-flow-light-alpha-300": "#01042656";
+        readonly "--primitive-flow-light-alpha-350": "#01042263";
+        readonly "--primitive-flow-light-alpha-400": "#00031e70";
+        readonly "--primitive-flow-light-alpha-450": "#02061b7f";
+        readonly "--primitive-flow-light-alpha-500": "#04051a8c";
+        readonly "--primitive-flow-light-alpha-550": "#02061699";
+        readonly "--primitive-flow-light-alpha-600": "#000314a3";
+        readonly "--primitive-flow-light-alpha-650": "#010413af";
+        readonly "--primitive-flow-light-alpha-700": "#010412bc";
+        readonly "--primitive-flow-light-alpha-750": "#00030ec6";
+        readonly "--primitive-flow-light-alpha-800": "#00030fd1";
+        readonly "--primitive-orange-20": "#fff8f6";
+        readonly "--primitive-orange-40": "#fff1eb";
+        readonly "--primitive-orange-60": "#ffeae0";
+        readonly "--primitive-orange-80": "#ffe2d6";
+        readonly "--primitive-orange-100": "#ffdbcb";
+        readonly "--primitive-orange-150": "#ffc9ae";
+        readonly "--primitive-orange-200": "#ffb691";
+        readonly "--primitive-orange-250": "#ffa271";
+        readonly "--primitive-orange-300": "#ff8d4c";
+        readonly "--primitive-orange-350": "#fe761c";
+        readonly "--primitive-orange-400": "#ec690a";
+        readonly "--primitive-orange-450": "#d95f00";
+        readonly "--primitive-orange-500": "#c55500";
+        readonly "--primitive-orange-550": "#b14c00";
+        readonly "--primitive-orange-600": "#9e4300";
+        readonly "--primitive-orange-650": "#8b3a00";
+        readonly "--primitive-orange-700": "#783100";
+        readonly "--primitive-orange-750": "#662900";
+        readonly "--primitive-orange-800": "#552100";
+        readonly "--primitive-yellow-20": "#fff8f2";
+        readonly "--primitive-yellow-40": "#fff2dd";
+        readonly "--primitive-yellow-60": "#ffecc8";
+        readonly "--primitive-yellow-80": "#ffe5b2";
+        readonly "--primitive-yellow-100": "#ffdf9b";
+        readonly "--primitive-yellow-150": "#ffce58";
+        readonly "--primitive-yellow-200": "#f7be20";
+        readonly "--primitive-yellow-250": "#e7b007";
+        readonly "--primitive-yellow-300": "#d7a300";
+        readonly "--primitive-yellow-350": "#c69700";
+        readonly "--primitive-yellow-400": "#b68a00";
+        readonly "--primitive-yellow-450": "#a67e00";
+        readonly "--primitive-yellow-500": "#967100";
+        readonly "--primitive-yellow-550": "#876500";
+        readonly "--primitive-yellow-600": "#785a00";
+        readonly "--primitive-yellow-650": "#694e00";
+        readonly "--primitive-yellow-700": "#5b4300";
+        readonly "--primitive-yellow-750": "#4d3800";
+        readonly "--primitive-yellow-800": "#3f2e00";
+        readonly "--primitive-lime-20": "#f0ffd6";
+        readonly "--primitive-lime-40": "#ddffae";
+        readonly "--primitive-lime-60": "#c8ff7f";
+        readonly "--primitive-lime-80": "#b2fe4a";
+        readonly "--primitive-lime-100": "#adf844";
+        readonly "--primitive-lime-150": "#a0e936";
+        readonly "--primitive-lime-200": "#92da26";
+        readonly "--primitive-lime-250": "#85cc10";
+        readonly "--primitive-lime-300": "#7abd00";
+        readonly "--primitive-lime-350": "#70af00";
+        readonly "--primitive-lime-400": "#67a000";
+        readonly "--primitive-lime-450": "#5d9200";
+        readonly "--primitive-lime-500": "#548400";
+        readonly "--primitive-lime-550": "#4b7600";
+        readonly "--primitive-lime-600": "#426900";
+        readonly "--primitive-lime-650": "#395c00";
+        readonly "--primitive-lime-700": "#304f00";
+        readonly "--primitive-lime-750": "#284300";
+        readonly "--primitive-lime-800": "#203600";
+        readonly "--primitive-green-20": "#ebffe8";
+        readonly "--primitive-green-40": "#d2ffd3";
+        readonly "--primitive-green-60": "#b7ffbe";
+        readonly "--primitive-green-80": "#95ffa6";
+        readonly "--primitive-green-100": "#6bff8f";
+        readonly "--primitive-green-150": "#5bf082";
+        readonly "--primitive-green-200": "#4ae176";
+        readonly "--primitive-green-250": "#38d369";
+        readonly "--primitive-green-300": "#21c45d";
+        readonly "--primitive-green-350": "#00b652";
+        readonly "--primitive-green-400": "#00a74b";
+        readonly "--primitive-green-450": "#009843";
+        readonly "--primitive-green-500": "#008a3c";
+        readonly "--primitive-green-550": "#007b35";
+        readonly "--primitive-green-600": "#006e2f";
+        readonly "--primitive-green-650": "#006028";
+        readonly "--primitive-green-700": "#005321";
+        readonly "--primitive-green-750": "#00461b";
+        readonly "--primitive-green-800": "#003915";
+        readonly "--primitive-cyan-20": "#f0fbff";
+        readonly "--primitive-cyan-40": "#e0f8ff";
+        readonly "--primitive-cyan-60": "#d0f4ff";
+        readonly "--primitive-cyan-80": "#bef0ff";
+        readonly "--primitive-cyan-100": "#acedff";
+        readonly "--primitive-cyan-150": "#74e3ff";
+        readonly "--primitive-cyan-200": "#49d7f6";
+        readonly "--primitive-cyan-250": "#34c9e8";
+        readonly "--primitive-cyan-300": "#13bbda";
+        readonly "--primitive-cyan-350": "#00adca";
+        readonly "--primitive-cyan-400": "#009eb9";
+        readonly "--primitive-cyan-450": "#0090a9";
+        readonly "--primitive-cyan-500": "#008399";
+        readonly "--primitive-cyan-550": "#007589";
+        readonly "--primitive-cyan-600": "#00687a";
+        readonly "--primitive-cyan-650": "#005b6b";
+        readonly "--primitive-cyan-700": "#004e5c";
+        readonly "--primitive-cyan-750": "#00424e";
+        readonly "--primitive-cyan-800": "#003640";
+        readonly "--primitive-sky-20": "#f6faff";
+        readonly "--primitive-sky-40": "#ebf5ff";
+        readonly "--primitive-sky-60": "#e0f0ff";
+        readonly "--primitive-sky-80": "#d4ebff";
+        readonly "--primitive-sky-100": "#c9e6ff";
+        readonly "--primitive-sky-150": "#abdaff";
+        readonly "--primitive-sky-200": "#8aceff";
+        readonly "--primitive-sky-250": "#62c2ff";
+        readonly "--primitive-sky-300": "#35b5fb";
+        readonly "--primitive-sky-350": "#19a7ec";
+        readonly "--primitive-sky-400": "#009adb";
+        readonly "--primitive-sky-450": "#008cc8";
+        readonly "--primitive-sky-500": "#007fb5";
+        readonly "--primitive-sky-550": "#0071a3";
+        readonly "--primitive-sky-600": "#006491";
+        readonly "--primitive-sky-650": "#00587f";
+        readonly "--primitive-sky-700": "#004c6e";
+        readonly "--primitive-sky-750": "#00405e";
+        readonly "--primitive-sky-800": "#00344d";
+        readonly "--primitive-blue-20": "#f9f9ff";
+        readonly "--primitive-blue-40": "#f1f3ff";
+        readonly "--primitive-blue-60": "#e9edff";
+        readonly "--primitive-blue-80": "#e0e8ff";
+        readonly "--primitive-blue-100": "#d8e2ff";
+        readonly "--primitive-blue-150": "#c3d4ff";
+        readonly "--primitive-blue-200": "#adc6ff";
+        readonly "--primitive-blue-250": "#97b8ff";
+        readonly "--primitive-blue-300": "#80aaff";
+        readonly "--primitive-blue-350": "#689cff";
+        readonly "--primitive-blue-400": "#4c8eff";
+        readonly "--primitive-blue-450": "#3881f4";
+        readonly "--primitive-blue-500": "#2473e6";
+        readonly "--primitive-blue-550": "#0166d8";
+        readonly "--primitive-blue-600": "#005ac1";
+        readonly "--primitive-blue-650": "#004faa";
+        readonly "--primitive-blue-700": "#004494";
+        readonly "--primitive-blue-750": "#00397e";
+        readonly "--primitive-blue-800": "#002e69";
+        readonly "--primitive-cerulean-blue-20": "#fbf8ff";
+        readonly "--primitive-cerulean-blue-40": "#f4f2ff";
+        readonly "--primitive-cerulean-blue-60": "#ececff";
+        readonly "--primitive-cerulean-blue-80": "#e5e6ff";
+        readonly "--primitive-cerulean-blue-100": "#dee1ff";
+        readonly "--primitive-cerulean-blue-150": "#ccd2ff";
+        readonly "--primitive-cerulean-blue-200": "#bac3ff";
+        readonly "--primitive-cerulean-blue-250": "#a8b4ff";
+        readonly "--primitive-cerulean-blue-300": "#95a6ff";
+        readonly "--primitive-cerulean-blue-350": "#8397ff";
+        readonly "--primitive-cerulean-blue-400": "#7087ff";
+        readonly "--primitive-cerulean-blue-450": "#5d78ff";
+        readonly "--primitive-cerulean-blue-500": "#4a68fc";
+        readonly "--primitive-cerulean-blue-550": "#3b5aef";
+        readonly "--primitive-cerulean-blue-600": "#2a4de2";
+        readonly "--primitive-cerulean-blue-650": "#163ed6";
+        readonly "--primitive-cerulean-blue-700": "#0031c5";
+        readonly "--primitive-cerulean-blue-750": "#0029a9";
+        readonly "--primitive-cerulean-blue-800": "#00208d";
+        readonly "--primitive-violet-20": "#fef7ff";
+        readonly "--primitive-violet-40": "#f8f1ff";
+        readonly "--primitive-violet-60": "#f3eaff";
+        readonly "--primitive-violet-80": "#eee4ff";
+        readonly "--primitive-violet-100": "#e9ddff";
+        readonly "--primitive-violet-150": "#ddcdff";
+        readonly "--primitive-violet-200": "#d0bcff";
+        readonly "--primitive-violet-250": "#c4acff";
+        readonly "--primitive-violet-300": "#b89bff";
+        readonly "--primitive-violet-350": "#ac8aff";
+        readonly "--primitive-violet-400": "#a078ff";
+        readonly "--primitive-violet-450": "#9466ff";
+        readonly "--primitive-violet-500": "#8758f1";
+        readonly "--primitive-violet-550": "#7a4ae3";
+        readonly "--primitive-violet-600": "#6d3bd6";
+        readonly "--primitive-violet-650": "#612bc9";
+        readonly "--primitive-violet-700": "#5517bd";
+        readonly "--primitive-violet-750": "#4900ad";
+        readonly "--primitive-violet-800": "#3c0091";
+        readonly "--primitive-purple-20": "#fff7fe";
+        readonly "--primitive-purple-40": "#fcf0ff";
+        readonly "--primitive-purple-60": "#f8e9ff";
+        readonly "--primitive-purple-80": "#f4e2ff";
+        readonly "--primitive-purple-100": "#f0dbff";
+        readonly "--primitive-purple-150": "#e7c9ff";
+        readonly "--primitive-purple-200": "#deb7ff";
+        readonly "--primitive-purple-250": "#d4a5ff";
+        readonly "--primitive-purple-300": "#cb93ff";
+        readonly "--primitive-purple-350": "#c180ff";
+        readonly "--primitive-purple-400": "#b76cff";
+        readonly "--primitive-purple-450": "#ad59fb";
+        readonly "--primitive-purple-500": "#9f4aed";
+        readonly "--primitive-purple-550": "#923be0";
+        readonly "--primitive-purple-600": "#842ad2";
+        readonly "--primitive-purple-650": "#7714c5";
+        readonly "--primitive-purple-700": "#6900b2";
+        readonly "--primitive-purple-750": "#590099";
+        readonly "--primitive-purple-800": "#4a0080";
+        readonly "--primitive-fuchsia-20": "#fff7fa";
+        readonly "--primitive-fuchsia-40": "#ffeffb";
+        readonly "--primitive-fuchsia-60": "#ffe7fb";
+        readonly "--primitive-fuchsia-80": "#ffdefc";
+        readonly "--primitive-fuchsia-100": "#ffd6fd";
+        readonly "--primitive-fuchsia-150": "#fec0ff";
+        readonly "--primitive-fuchsia-200": "#faabff";
+        readonly "--primitive-fuchsia-250": "#f695ff";
+        readonly "--primitive-fuchsia-300": "#f17eff";
+        readonly "--primitive-fuchsia-350": "#eb64ff";
+        readonly "--primitive-fuchsia-400": "#e14ef8";
+        readonly "--primitive-fuchsia-450": "#d13ee9";
+        readonly "--primitive-fuchsia-500": "#c22cdb";
+        readonly "--primitive-fuchsia-550": "#b315cd";
+        readonly "--primitive-fuchsia-600": "#a200bb";
+        readonly "--primitive-fuchsia-650": "#8f00a4";
+        readonly "--primitive-fuchsia-700": "#7c008f";
+        readonly "--primitive-fuchsia-750": "#69007a";
+        readonly "--primitive-fuchsia-800": "#570065";
+        readonly "--primitive-pink-20": "#fff8f8";
+        readonly "--primitive-pink-40": "#fff0f3";
+        readonly "--primitive-pink-60": "#ffe8ee";
+        readonly "--primitive-pink-80": "#ffe0e9";
+        readonly "--primitive-pink-100": "#ffd9e4";
+        readonly "--primitive-pink-150": "#ffc5d9";
+        readonly "--primitive-pink-200": "#ffb0cd";
+        readonly "--primitive-pink-250": "#ff9ac2";
+        readonly "--primitive-pink-300": "#ff82b7";
+        readonly "--primitive-pink-350": "#ff67ad";
+        readonly "--primitive-pink-400": "#f651a1";
+        readonly "--primitive-pink-450": "#e64394";
+        readonly "--primitive-pink-500": "#d53587";
+        readonly "--primitive-pink-550": "#c4267a";
+        readonly "--primitive-pink-600": "#b4146d";
+        readonly "--primitive-pink-650": "#a20060";
+        readonly "--primitive-pink-700": "#8c0053";
+        readonly "--primitive-pink-750": "#780046";
+        readonly "--primitive-pink-800": "#640039";
+        readonly "--primitive-rose-20": "#fff8f7";
+        readonly "--primitive-rose-40": "#fff0f0";
+        readonly "--primitive-rose-60": "#ffe9e9";
+        readonly "--primitive-rose-80": "#ffe1e2";
+        readonly "--primitive-rose-100": "#ffdadb";
+        readonly "--primitive-rose-150": "#ffc6c9";
+        readonly "--primitive-rose-200": "#ffb2b7";
+        readonly "--primitive-rose-250": "#ff9ea5";
+        readonly "--primitive-rose-300": "#ff8792";
+        readonly "--primitive-rose-350": "#ff6e7f";
+        readonly "--primitive-rose-400": "#ff506b";
+        readonly "--primitive-rose-450": "#f13d5d";
+        readonly "--primitive-rose-500": "#e02f52";
+        readonly "--primitive-rose-550": "#ce2046";
+        readonly "--primitive-rose-600": "#bc0b3b";
+        readonly "--primitive-rose-650": "#a70032";
+        readonly "--primitive-rose-700": "#91002b";
+        readonly "--primitive-rose-750": "#7c0023";
+        readonly "--primitive-rose-800": "#67001c";
+        readonly "--primitive-shade-16": "#191b2428";
+        readonly "--primitive-engross-20": "#fbf8ff";
+        readonly "--primitive-engross-40": "#f4f2ff";
+        readonly "--primitive-engross-60": "#edecff";
+        readonly "--primitive-engross-80": "#e6e6ff";
+        readonly "--primitive-engross-100": "#dfe0ff";
+        readonly "--primitive-engross-150": "#cfd2f7";
+        readonly "--primitive-engross-200": "#c1c4e9";
+        readonly "--primitive-engross-250": "#b3b6db";
+        readonly "--primitive-engross-300": "#a6a9cd";
+        readonly "--primitive-engross-350": "#989bbf";
+        readonly "--primitive-engross-400": "#8b8eb1";
+        readonly "--primitive-engross-450": "#7e81a3";
+        readonly "--primitive-engross-500": "#717596";
+        readonly "--primitive-engross-550": "#656889";
+        readonly "--primitive-engross-600": "#595c7c";
+        readonly "--primitive-engross-650": "#4d5070";
+        readonly "--primitive-engross-700": "#414563";
+        readonly "--primitive-engross-750": "#353957";
+        readonly "--primitive-emerald-20": "#e8ffef";
+        readonly "--primitive-emerald-40": "#cdffe2";
+        readonly "--primitive-emerald-60": "#aeffd5";
+        readonly "--primitive-emerald-80": "#86ffc7";
+        readonly "--primitive-emerald-100": "#6dfcbe";
+        readonly "--primitive-emerald-150": "#5dedb0";
+        readonly "--primitive-emerald-200": "#4cdfa3";
+        readonly "--primitive-emerald-250": "#39d096";
+        readonly "--primitive-emerald-300": "#21c289";
+        readonly "--primitive-emerald-350": "#00b47d";
+        readonly "--primitive-emerald-400": "#00a572";
+        readonly "--primitive-emerald-450": "#009668";
+        readonly "--primitive-emerald-500": "#00885e";
+        readonly "--primitive-emerald-550": "#007a54";
+        readonly "--primitive-emerald-600": "#006c4a";
+        readonly "--primitive-emerald-650": "#005f40";
+        readonly "--primitive-emerald-700": "#005237";
+        readonly "--primitive-emerald-750": "#00452d";
+        readonly "--primitive-emerald-800": "#003824";
+        readonly "--primitive-teal-20": "#e5fff9";
+        readonly "--primitive-teal-40": "#c6fff4";
+        readonly "--primitive-teal-60": "#a0ffef";
+        readonly "--primitive-teal-80": "#76feea";
+        readonly "--primitive-teal-100": "#70f8e5";
+        readonly "--primitive-teal-150": "#5fead7";
+        readonly "--primitive-teal-200": "#4edbc9";
+        readonly "--primitive-teal-250": "#3bcdbb";
+        readonly "--primitive-teal-300": "#23bfad";
+        readonly "--primitive-teal-350": "#00b1a0";
+        readonly "--primitive-teal-400": "#00a393";
+        readonly "--primitive-teal-450": "#009486";
+        readonly "--primitive-teal-500": "#008679";
+        readonly "--primitive-teal-550": "#00786c";
+        readonly "--primitive-teal-600": "#006a60";
+        readonly "--primitive-teal-650": "#005d54";
+        readonly "--primitive-teal-700": "#005048";
+        readonly "--primitive-teal-750": "#00443c";
+        readonly "--primitive-teal-800": "#003731";
+        readonly "--primitive-amber-20": "#fff8f4";
+        readonly "--primitive-amber-40": "#fff1e5";
+        readonly "--primitive-amber-60": "#ffebd6";
+        readonly "--primitive-amber-80": "#ffe4c7";
+        readonly "--primitive-amber-100": "#ffddb7";
+        readonly "--primitive-amber-150": "#ffcb8d";
+        readonly "--primitive-amber-200": "#ffb95d";
+        readonly "--primitive-amber-250": "#fda61a";
+        readonly "--primitive-amber-300": "#ed9900";
+        readonly "--primitive-amber-350": "#db8d00";
+        readonly "--primitive-amber-400": "#c98100";
+        readonly "--primitive-amber-450": "#b87500";
+        readonly "--primitive-amber-500": "#a66a00";
+        readonly "--primitive-amber-550": "#955f00";
+        readonly "--primitive-amber-600": "#855400";
+        readonly "--primitive-amber-650": "#754900";
+        readonly "--primitive-amber-700": "#653e00";
+        readonly "--primitive-amber-750": "#553400";
+        readonly "--primitive-amber-800": "#462a00";
+        readonly "--primitive-engross-800": "#2a2e4c";
+        readonly "--primitive-engross-820": "#262a47";
+        readonly "--primitive-flow-820": "#292c35";
+        readonly "--primitive-flow-840": "#252830";
+        readonly "--primitive-red-820": "#600008";
+        readonly "--primitive-red-840": "#580006";
+        readonly "--primitive-orange-820": "#4e1d00";
+        readonly "--primitive-orange-840": "#471a00";
+        readonly "--primitive-amber-820": "#412600";
+        readonly "--primitive-amber-840": "#3b2300";
+        readonly "--primitive-yellow-820": "#3a2a00";
+        readonly "--primitive-yellow-840": "#342600";
+        readonly "--primitive-lime-820": "#1d3200";
+        readonly "--primitive-lime-840": "#1a2d00";
+        readonly "--primitive-green-820": "#003412";
+        readonly "--primitive-green-840": "#002f10";
+        readonly "--primitive-emerald-820": "#003321";
+        readonly "--primitive-emerald-840": "#002f1e";
+        readonly "--primitive-teal-820": "#00332d";
+        readonly "--primitive-teal-840": "#002e29";
+        readonly "--primitive-cyan-820": "#00313b";
+        readonly "--primitive-cyan-840": "#002c35";
+        readonly "--primitive-sky-820": "#002f47";
+        readonly "--primitive-sky-840": "#002b41";
+        readonly "--primitive-blue-820": "#002a61";
+        readonly "--primitive-blue-840": "#002659";
+        readonly "--primitive-cerulean-blue-820": "#001d83";
+        readonly "--primitive-cerulean-blue-840": "#001a78";
+        readonly "--primitive-violet-820": "#370086";
+        readonly "--primitive-violet-840": "#32007b";
+        readonly "--primitive-purple-820": "#440076";
+        readonly "--primitive-purple-840": "#3e006c";
+        readonly "--primitive-fuchsia-820": "#50005d";
+        readonly "--primitive-fuchsia-840": "#490056";
+        readonly "--primitive-pink-820": "#5c0034";
+        readonly "--primitive-pink-840": "#540030";
+        readonly "--primitive-rose-820": "#5f0019";
+        readonly "--primitive-rose-840": "#570016";
+        readonly "--primitive-flow-light-alpha-820": "#00040fd6";
+        readonly "--primitive-flow-light-alpha-840": "#01040ddb";
+        readonly "--primitive-flow-dark-alpha-820": "#e2f0f814";
+        readonly "--primitive-flow-dark-alpha-860": "#dfe1eb0a";
+        readonly "--primitive-flow-860": "#21232c";
+        readonly "--primitive-flow-light-alpha-860": "#030511e0";
+        readonly "--primitive-flow-dark-alpha-880": "#dfe1eb05";
+        readonly "--primitive-engross-840": "#222642";
+        readonly "--primitive-red-860": "#500005";
+        readonly "--primitive-orange-860": "#411700";
+        readonly "--primitive-amber-860": "#351f00";
+        readonly "--primitive-yellow-860": "#2f2200";
+        readonly "--primitive-lime-860": "#172900";
+        readonly "--primitive-green-860": "#002b0e";
+        readonly "--primitive-emerald-860": "#002a1a";
+        readonly "--primitive-teal-860": "#002924";
+        readonly "--primitive-cyan-860": "#002830";
+        readonly "--primitive-sky-860": "#00263b";
+        readonly "--primitive-blue-860": "#002251";
+        readonly "--primitive-cerulean-blue-860": "#00176e";
+        readonly "--primitive-violet-860": "#2d0070";
+        readonly "--primitive-purple-860": "#380063";
+        readonly "--primitive-fuchsia-860": "#43004e";
+        readonly "--primitive-pink-860": "#4c002b";
+        readonly "--primitive-rose-860": "#4f0013";
+        readonly "--primitive-engross-860": "#1e213e";
+        readonly "--primitive-engross-880": "#191d3a";
+        readonly "--primitive-engross-900": "#151935";
+        readonly "--primitive-immerse-20": "#faf8ff";
+        readonly "--primitive-immerse-40": "#f3f2ff";
+        readonly "--primitive-immerse-60": "#ebedff";
+        readonly "--primitive-immerse-80": "#e5e7fc";
+        readonly "--primitive-immerse-100": "#dfe1f6";
+        readonly "--primitive-immerse-150": "#d1d3e8";
+        readonly "--primitive-immerse-200": "#c3c5d9";
+        readonly "--primitive-immerse-250": "#b5b8cb";
+        readonly "--primitive-immerse-300": "#a8aabe";
+        readonly "--primitive-immerse-350": "#9a9db0";
+        readonly "--primitive-immerse-400": "#8d90a2";
+        readonly "--primitive-immerse-450": "#808395";
+        readonly "--primitive-immerse-500": "#737688";
+        readonly "--primitive-immerse-550": "#676a7b";
+        readonly "--primitive-immerse-600": "#5a5e6f";
+        readonly "--primitive-immerse-650": "#4e5262";
+        readonly "--primitive-immerse-700": "#434656";
+        readonly "--primitive-immerse-750": "#373b4b";
+        readonly "--primitive-immerse-800": "#2c303f";
+        readonly "--primitive-immerse-820": "#282b3b";
+        readonly "--primitive-immerse-840": "#242736";
+        readonly "--primitive-immerse-860": "#202332";
+        readonly "--primitive-immerse-880": "#1b1f2e";
+        readonly "--primitive-immerse-900": "#171b29";
+        readonly "--primitive-flow-880": "#1d1f28";
+        readonly "--primitive-flow-900": "#191b24";
+        readonly "--primitive-flow-light-alpha-880": "#01030ee2";
+        readonly "--primitive-flow-light-alpha-900": "#01030de8";
+        readonly "--primitive-flow-dark-alpha-840": "#e1f3ec0f";
+        readonly "--primitive-flow-dark-alpha-900": "#191b24";
+        readonly "--primitive-red-880": "#480004";
+        readonly "--primitive-red-900": "#410003";
+        readonly "--primitive-orange-880": "#3a1400";
+        readonly "--primitive-orange-900": "#341100";
+        readonly "--primitive-amber-880": "#301b00";
+        readonly "--primitive-amber-900": "#2a1700";
+        readonly "--primitive-yellow-880": "#2a1e00";
+        readonly "--primitive-yellow-900": "#251a00";
+        readonly "--primitive-lime-880": "#142400";
+        readonly "--primitive-lime-900": "#112000";
+        readonly "--primitive-green-880": "#00260b";
+        readonly "--primitive-green-900": "#002109";
+        readonly "--primitive-emerald-880": "#002517";
+        readonly "--primitive-emerald-900": "#002114";
+        readonly "--primitive-teal-880": "#002520";
+        readonly "--primitive-teal-900": "#00201c";
+        readonly "--primitive-cyan-880": "#00232b";
+        readonly "--primitive-cyan-900": "#001f26";
+        readonly "--primitive-sky-880": "#002235";
+        readonly "--primitive-sky-900": "#001e2f";
+        readonly "--primitive-blue-880": "#001e49";
+        readonly "--primitive-blue-900": "#001a41";
+        readonly "--primitive-cerulean-blue-880": "#001463";
+        readonly "--primitive-cerulean-blue-900": "#001159";
+        readonly "--primitive-violet-880": "#280066";
+        readonly "--primitive-violet-900": "#23005c";
+        readonly "--primitive-purple-880": "#320059";
+        readonly "--primitive-purple-900": "#2c0050";
+        readonly "--primitive-fuchsia-880": "#3c0046";
+        readonly "--primitive-fuchsia-900": "#35003f";
+        readonly "--primitive-pink-880": "#450026";
+        readonly "--primitive-pink-900": "#3e0022";
+        readonly "--primitive-rose-880": "#480010";
+        readonly "--primitive-rose-900": "#40000e";
+        readonly "--semantic-duration-200": "200ms";
+        readonly "--semantic-duration-250": "250ms";
+        readonly "--semantic-duration-300": "300ms";
+        readonly "--semantic-duration-350": "350ms";
+        readonly "--semantic-duration-150": "150ms";
+        readonly "--semantic-duration-100": "100ms";
+        readonly "--semantic-duration-50": "50ms";
+        readonly "--semantic-motion-bouncy": "cubic-bezier(0.25, 1.57, 0.75, 0.9)";
+        readonly "--semantic-motion-fluent": "cubic-bezier(0.25, 0.1, 0.25, 1)";
+        readonly "--primitive-time-300": "300";
+        readonly "--primitive-time-200": "200";
+        readonly "--primitive-time-250": "250";
+        readonly "--primitive-time-150": "150";
+        readonly "--primitive-time-350": "350";
+        readonly "--primitive-time-100": "100";
+        readonly "--primitive-time-50": "50";
+        readonly "--semantic-motion-leave": "cubic-bezier(0.42, 0, 0.1, 1)\t";
+        readonly "--semantic-motion-entrance": "cubic-bezier(0.19, 0.91, 0.38, 1)\t";
+        readonly "--primitive-time-400": "400";
+        readonly "--primitive-time-450": "450";
+        readonly "--primitive-time-500": "500";
+        readonly "--semantic-duration-400": "400ms";
+        readonly "--semantic-duration-450": "450ms";
+        readonly "--semantic-duration-500": "500ms";
+        readonly "--semantic-accent-alpha-assistive": "#3b5aef89";
+        readonly "--semantic-object-neutral": "#04051a8c";
+        readonly "--semantic-object-alternative": "#00031e70";
+        readonly "--semantic-object-assistive": "#01042656";
+        readonly "--semantic-object-subtle": "#0207353a";
+        readonly "--semantic-object-inverse-neutral": "#edeffc7c";
+        readonly "--semantic-object-inverse-alternative": "#edeffb5e";
+        readonly "--semantic-object-inverse-assistive": "#eef0fb42";
+        readonly "--semantic-object-inverse-subtle": "#e4e6f535";
+        readonly "--semantic-accent-bold": "#0031c5";
+        readonly "--semantic-accent-normal": "#2a4de2";
+        readonly "--semantic-object-boldest": "#191b24";
+        readonly "--semantic-object-bold": "#444650";
+        readonly "--semantic-object-inverse-boldest": "#ffffff";
+        readonly "--semantic-object-inverse-bold": "#c5c6d1";
+        readonly "--semantic-surface-standard": "#ffffff";
+        readonly "--semantic-surface-deep": "#faf8ff";
+        readonly "--semantic-surface-deeper": "#f2f3ff";
+        readonly "--semantic-surface-deepest": "#ecedf9";
+        readonly "--semantic-interaction-bold": "#191b24";
+        readonly "--semantic-interaction-normal": "#50525c";
+        readonly "--semantic-interaction-inverse-focus": "#4a68fc";
+        readonly "--semantic-stroke-neutral": "#9c9da8";
+        readonly "--semantic-stroke-alternative": "#b7b8c3";
+        readonly "--semantic-stroke-assistive": "#d3d4df";
+        readonly "--semantic-fill-boldest": "#191b24";
+        readonly "--semantic-fill-bold": "#444650";
+        readonly "--semantic-fill-neutral": "#04051a8c";
+        readonly "--semantic-fill-alternative": "#00031e70";
+        readonly "--semantic-fill-assistive": "#01042656";
+        readonly "--semantic-system-white": "#ffffff";
+        readonly "--semantic-system-black": "#000000";
+        readonly "--semantic-object-static-boldest": "#191b24";
+        readonly "--semantic-object-static-bold": "#444650";
+        readonly "--semantic-object-static-neutral": "#04051a8c";
+        readonly "--semantic-object-static-alternative": "#00031e70";
+        readonly "--semantic-object-static-assistive": "#01042656";
+        readonly "--semantic-object-static-subtle": "#0207353a";
+        readonly "--semantic-object-static-inverse-boldest": "#ffffff";
+        readonly "--semantic-object-static-inverse-bold": "#c5c6d1";
+        readonly "--semantic-object-static-inverse-neutral": "#edeffc7c";
+        readonly "--semantic-object-static-inverse-alternative": "#edeffb5e";
+        readonly "--semantic-object-static-inverse-assistive": "#eef0fb42";
+        readonly "--semantic-object-static-inverse-subtle": "#e4e6f535";
+        readonly "--semantic-interaction-inverse-bold": "#ffffff";
+        readonly "--semantic-interaction-inverse-normal": "#a9aab6";
+        readonly "--semantic-interaction-focus": "#7087ff";
+        readonly "--semantic-stroke-normal": "#757681";
+        readonly "--semantic-stroke-bold": "#50525c";
+        readonly "--semantic-fill-inverse-boldest": "#ffffff";
+        readonly "--semantic-fill-inverse-bold": "#c5c6d1";
+        readonly "--semantic-fill-inverse-neutral": "#edeffc7c";
+        readonly "--semantic-fill-inverse-alternative": "#edeffb5e";
+        readonly "--semantic-fill-inverse-assistive": "#eef0fb42";
+        readonly "--semantic-accent-neutral": "#4a68fc";
+        readonly "--semantic-accent-alpha-subtle": "#3b5aef5b";
+        readonly "--semantic-fill-subtle": "#0207353a";
+        readonly "--semantic-fill-inverse-subtle": "#e4e6f535";
+        readonly "--semantic-stroke-alpha-bold": "#010413af";
+        readonly "--semantic-stroke-alpha-normal": "#04051a8c";
+        readonly "--semantic-stroke-alpha-neutral": "#01042263";
+        readonly "--semantic-stroke-alpha-alternative": "#07093149";
+        readonly "--semantic-stroke-alpha-assistive": "#0a104b2d";
+        readonly "--semantic-accent-inverse-bold": "#bac3ff";
+        readonly "--semantic-accent-inverse-normal": "#8397ff";
+        readonly "--semantic-accent-inverse-neutral": "#5d78ff";
+        readonly "--semantic-accent-alternative": "#7087ff";
+        readonly "--semantic-accent-inverse-alternative": "#3b5aef";
+        readonly "--semantic-accent-alpha-subtler": "#3b5aef28";
+        readonly "--semantic-accent-alpha-inverse-subtle": "#7087ff5b";
+        readonly "--semantic-accent-alpha-inverse-subtler": "#7087ff28";
+        readonly "--semantic-accent-alpha-inverse-subtlest": "#7087ff0c";
+        readonly "--semantic-stroke-subtle": "#e1e2ee";
+        readonly "--semantic-stroke-alpha-subtle": "#040b701e";
+        readonly "--semantic-stroke-inverse-bold": "#a9aab6";
+        readonly "--semantic-stroke-inverse-normal": "#81838e";
+        readonly "--semantic-stroke-inverse-neutral": "#5c5e68";
+        readonly "--semantic-stroke-inverse-alternative": "#444650";
+        readonly "--semantic-stroke-inverse-assistive": "#393b44";
+        readonly "--semantic-stroke-inverse-subtle": "#2e3039";
+        readonly "--semantic-stroke-alpha-inverse-bold": "#f0f0feaa";
+        readonly "--semantic-stroke-alpha-inverse-normal": "#edeffc7c";
+        readonly "--semantic-stroke-alpha-inverse-neutral": "#ebedf851";
+        readonly "--semantic-stroke-alpha-inverse-alternative": "#e4e6f535";
+        readonly "--semantic-stroke-alpha-inverse-assistive": "#eff1f926";
+        readonly "--semantic-stroke-alpha-inverse-subtle": "#e9ecf519";
+        readonly "--semantic-theme-red-bold": "#930012";
+        readonly "--semantic-theme-red-normal": "#ba1a22";
+        readonly "--semantic-theme-red-neutral": "#dd3737";
+        readonly "--semantic-theme-red-alternative": "#ff5450";
+        readonly "--semantic-accent-assistive": "#95a6ff";
+        readonly "--semantic-accent-inverse-assistive": "#163ed6";
+        readonly "--semantic-accent-alpha-subtlest": "#3b5aef0c";
+        readonly "--semantic-surface-inverse-standard": "#191b24";
+        readonly "--semantic-surface-inverse-deep": "#1d1f28";
+        readonly "--semantic-surface-inverse-deeper": "#21232c";
+        readonly "--semantic-surface-inverse-deepest": "#252830";
+        readonly "--semantic-curtain-bright": "#ffffff3a";
+        readonly "--semantic-curtain-dim": "#191b243a";
+        readonly "--semantic-curtain-dimmer": "#191b2470";
+        readonly "--semantic-fill-subtler": "#0e0e8519";
+        readonly "--semantic-fill-inverse-subtler": "#e2f0f814";
+        readonly "--semantic-fill-subtlest": "#5614ff07";
+        readonly "--semantic-fill-inverse-subtlest": "#dfe1eb05";
+        readonly "--semantic-theme-red-assistive": "#ff8981";
+        readonly "--semantic-theme-red-subtle": "#ffb3ad";
+        readonly "--semantic-theme-red-subtler": "#ffe2df";
+        readonly "--semantic-feedback-positive-alpha-subtle": "#007b355b";
+        readonly "--semantic-feedback-positive-alpha-assistive": "#007b3589";
+        readonly "--semantic-feedback-positive-normal": "#006e2f";
+        readonly "--semantic-feedback-positive-alpha-subtler": "#007b3528";
+        readonly "--semantic-feedback-positive-bold": "#005321";
+        readonly "--semantic-accent-subtle": "#bac3ff";
+        readonly "--semantic-accent-inverse-subtle": "#0031c5";
+        readonly "--semantic-interaction-assistive": "#8f909b";
+        readonly "--semantic-interaction-inverse-assistive": "#686a74";
+        readonly "--semantic-feedback-positive-inverse-bold": "#4ae176";
+        readonly "--semantic-feedback-positive-inverse-normal": "#00b652";
+        readonly "--semantic-feedback-positive-inverse-neutral": "#009843";
+        readonly "--semantic-feedback-positive-inverse-alternative": "#007b35";
+        readonly "--semantic-feedback-positive-inverse-assistive": "#006028";
+        readonly "--semantic-feedback-positive-inverse-subtle": "#005321";
+        readonly "--semantic-feedback-positive-inverse-subtler": "#003412";
+        readonly "--semantic-surface-shallow": "#ffffff";
+        readonly "--semantic-surface-inverse-shallow": "#21232c";
+        readonly "--semantic-surface-inverse-shallower": "#292c35";
+        readonly "--semantic-surface-shallower": "#ffffff";
+        readonly "--semantic-surface-shallowest": "#ffffff";
+        readonly "--semantic-surface-inverse-shallowest": "#393b44";
+        readonly "--semantic-accent-subtler": "#e5e6ff";
+        readonly "--semantic-accent-bolder": "#001d83";
+        readonly "--semantic-accent-inverse-bolder": "#e5e6ff";
+        readonly "--semantic-accent-inverse-subtler": "#001d83";
+        readonly "--semantic-theme-red-alpha-assistive": "#cb292d89";
+        readonly "--semantic-theme-red-alpha-subtle": "#cb292d5b";
+        readonly "--semantic-theme-red-alpha-subtler": "#cb292d28";
+        readonly "--semantic-theme-orange-bold": "#783100";
+        readonly "--semantic-theme-orange-normal": "#9e4300";
+        readonly "--semantic-theme-orange-neutral": "#c55500";
+        readonly "--semantic-theme-orange-alternative": "#ec690a";
+        readonly "--semantic-theme-orange-assistive": "#ff8d4c";
+        readonly "--semantic-theme-orange-subtle": "#ffb691";
+        readonly "--semantic-theme-orange-subtler": "#ffe2d6";
+        readonly "--semantic-theme-orange-alpha-assistive": "#b14c0089";
+        readonly "--semantic-theme-orange-alpha-subtle": "#b14c005b";
+        readonly "--semantic-theme-orange-alpha-subtler": "#b14c0028";
+        readonly "--semantic-theme-amber-bold": "#653e00";
+        readonly "--semantic-theme-amber-normal": "#855400";
+        readonly "--semantic-theme-amber-neutral": "#a66a00";
+        readonly "--semantic-theme-amber-alternative": "#c98100";
+        readonly "--semantic-theme-amber-assistive": "#ed9900";
+        readonly "--semantic-theme-amber-subtle": "#ffb95d";
+        readonly "--semantic-theme-amber-subtler": "#ffe4c7";
+        readonly "--semantic-theme-amber-alpha-assistive": "#955f0089";
+        readonly "--semantic-theme-amber-alpha-subtle": "#955f005b";
+        readonly "--semantic-theme-amber-alpha-subtler": "#955f0028";
+        readonly "--semantic-theme-yellow-bold": "#5b4300";
+        readonly "--semantic-theme-yellow-normal": "#785a00";
+        readonly "--semantic-theme-yellow-neutral": "#967100";
+        readonly "--semantic-theme-yellow-alternative": "#b68a00";
+        readonly "--semantic-theme-yellow-assistive": "#d7a300";
+        readonly "--semantic-theme-yellow-subtle": "#f7be20";
+        readonly "--semantic-theme-yellow-subtler": "#ffe5b2";
+        readonly "--semantic-theme-yellow-alpha-assistive": "#87650089";
+        readonly "--semantic-theme-yellow-alpha-subtle": "#8765005b";
+        readonly "--semantic-theme-yellow-alpha-subtler": "#87650028";
+        readonly "--semantic-theme-lime-bold": "#304f00";
+        readonly "--semantic-theme-lime-normal": "#426900";
+        readonly "--semantic-theme-lime-neutral": "#548400";
+        readonly "--semantic-theme-lime-alternative": "#67a000";
+        readonly "--semantic-theme-lime-assistive": "#7abd00";
+        readonly "--semantic-theme-lime-subtle": "#92da26";
+        readonly "--semantic-theme-lime-subtler": "#b2fe4a";
+        readonly "--semantic-theme-lime-alpha-assistive": "#4b760089";
+        readonly "--semantic-theme-lime-alpha-subtle": "#4b76005b";
+        readonly "--semantic-theme-lime-alpha-subtler": "#4b760028";
+        readonly "--semantic-theme-green-bold": "#005321";
+        readonly "--semantic-theme-green-normal": "#006e2f";
+        readonly "--semantic-theme-green-neutral": "#008a3c";
+        readonly "--semantic-theme-green-alternative": "#00a74b";
+        readonly "--semantic-theme-green-assistive": "#21c45d";
+        readonly "--semantic-theme-green-subtle": "#4ae176";
+        readonly "--semantic-theme-green-subtler": "#95ffa6";
+        readonly "--semantic-theme-green-alpha-assistive": "#007b3589";
+        readonly "--semantic-theme-green-alpha-subtle": "#007b355b";
+        readonly "--semantic-theme-green-alpha-subtler": "#007b3528";
+        readonly "--semantic-theme-emerald-bold": "#005237";
+        readonly "--semantic-theme-emerald-normal": "#006c4a";
+        readonly "--semantic-theme-emerald-neutral": "#00885e";
+        readonly "--semantic-theme-emerald-alternative": "#00a572";
+        readonly "--semantic-theme-emerald-assistive": "#21c289";
+        readonly "--semantic-theme-emerald-subtle": "#4cdfa3";
+        readonly "--semantic-theme-emerald-subtler": "#86ffc7";
+        readonly "--semantic-theme-emerald-alpha-assistive": "#007a5489";
+        readonly "--semantic-theme-emerald-alpha-subtle": "#007a545b";
+        readonly "--semantic-theme-emerald-alpha-subtler": "#007a5428";
+        readonly "--semantic-theme-teal-bold": "#005048";
+        readonly "--semantic-theme-teal-normal": "#006a60";
+        readonly "--semantic-theme-teal-neutral": "#008679";
+        readonly "--semantic-theme-teal-alternative": "#00a393";
+        readonly "--semantic-theme-teal-assistive": "#23bfad";
+        readonly "--semantic-theme-teal-subtle": "#4edbc9";
+        readonly "--semantic-theme-teal-subtler": "#76feea";
+        readonly "--semantic-theme-teal-alpha-assistive": "#00786c89";
+        readonly "--semantic-theme-teal-alpha-subtle": "#00786c5b";
+        readonly "--semantic-theme-teal-alpha-subtler": "#00786c28";
+        readonly "--semantic-theme-cyan-bold": "#004e5c";
+        readonly "--semantic-theme-cyan-normal": "#00687a";
+        readonly "--semantic-theme-cyan-neutral": "#008399";
+        readonly "--semantic-theme-cyan-alternative": "#009eb9";
+        readonly "--semantic-theme-cyan-assistive": "#13bbda";
+        readonly "--semantic-theme-cyan-subtle": "#49d7f6";
+        readonly "--semantic-theme-cyan-subtler": "#bef0ff";
+        readonly "--semantic-theme-cyan-alpha-assistive": "#00758989";
+        readonly "--semantic-theme-cyan-alpha-subtle": "#0075895b";
+        readonly "--semantic-theme-cyan-alpha-subtler": "#00758928";
+        readonly "--semantic-theme-sky-bold": "#004c6e";
+        readonly "--semantic-theme-sky-normal": "#006491";
+        readonly "--semantic-theme-sky-neutral": "#007fb5";
+        readonly "--semantic-theme-sky-alternative": "#009adb";
+        readonly "--semantic-theme-sky-assistive": "#35b5fb";
+        readonly "--semantic-theme-sky-subtle": "#8aceff";
+        readonly "--semantic-theme-sky-subtler": "#d4ebff";
+        readonly "--semantic-theme-sky-alpha-assistive": "#0071a389";
+        readonly "--semantic-theme-sky-alpha-subtle": "#0071a35b";
+        readonly "--semantic-theme-sky-alpha-subtler": "#0071a328";
+        readonly "--semantic-theme-blue-bold": "#004494";
+        readonly "--semantic-theme-blue-normal": "#005ac1";
+        readonly "--semantic-theme-blue-neutral": "#2473e6";
+        readonly "--semantic-theme-blue-alternative": "#4c8eff";
+        readonly "--semantic-theme-blue-assistive": "#80aaff";
+        readonly "--semantic-theme-blue-subtle": "#adc6ff";
+        readonly "--semantic-theme-blue-subtler": "#e0e8ff";
+        readonly "--semantic-theme-blue-alpha-assistive": "#0166d889";
+        readonly "--semantic-theme-blue-alpha-subtle": "#0166d85b";
+        readonly "--semantic-theme-blue-alpha-subtler": "#0166d828";
+        readonly "--semantic-theme-violet-bold": "#5517bd";
+        readonly "--semantic-theme-violet-normal": "#6d3bd6";
+        readonly "--semantic-theme-violet-neutral": "#8758f1";
+        readonly "--semantic-theme-violet-alternative": "#a078ff";
+        readonly "--semantic-theme-violet-assistive": "#b89bff";
+        readonly "--semantic-theme-violet-subtle": "#d0bcff";
+        readonly "--semantic-theme-violet-subtler": "#eee4ff";
+        readonly "--semantic-theme-violet-alpha-assistive": "#7a4ae389";
+        readonly "--semantic-theme-violet-alpha-subtle": "#7a4ae35b";
+        readonly "--semantic-theme-violet-alpha-subtler": "#7a4ae328";
+        readonly "--semantic-theme-purple-bold": "#6900b2";
+        readonly "--semantic-theme-purple-normal": "#842ad2";
+        readonly "--semantic-theme-purple-neutral": "#9f4aed";
+        readonly "--semantic-theme-purple-alternative": "#b76cff";
+        readonly "--semantic-theme-purple-assistive": "#cb93ff";
+        readonly "--semantic-theme-purple-subtle": "#deb7ff";
+        readonly "--semantic-theme-purple-subtler": "#f4e2ff";
+        readonly "--semantic-theme-purple-alpha-assistive": "#923be089";
+        readonly "--semantic-theme-purple-alpha-subtle": "#923be05b";
+        readonly "--semantic-theme-purple-alpha-subtler": "#923be028";
+        readonly "--semantic-theme-fuchsia-bold": "#7c008f";
+        readonly "--semantic-theme-fuchsia-normal": "#a200bb";
+        readonly "--semantic-theme-fuchsia-neutral": "#c22cdb";
+        readonly "--semantic-theme-fuchsia-alternative": "#e14ef8";
+        readonly "--semantic-theme-fuchsia-assistive": "#f17eff";
+        readonly "--semantic-theme-fuchsia-subtle": "#faabff";
+        readonly "--semantic-theme-fuchsia-subtler": "#ffdefc";
+        readonly "--semantic-theme-fuchsia-alpha-assistive": "#b315cd89";
+        readonly "--semantic-theme-fuchsia-alpha-subtle": "#b315cd5b";
+        readonly "--semantic-theme-fuchsia-alpha-subtler": "#b315cd28";
+        readonly "--semantic-theme-pink-bold": "#8c0053";
+        readonly "--semantic-theme-pink-normal": "#b4146d";
+        readonly "--semantic-theme-pink-neutral": "#d53587";
+        readonly "--semantic-theme-pink-alternative": "#f651a1";
+        readonly "--semantic-theme-pink-assistive": "#ff82b7";
+        readonly "--semantic-theme-pink-subtle": "#ffb0cd";
+        readonly "--semantic-theme-pink-subtler": "#ffe0e9";
+        readonly "--semantic-theme-pink-alpha-assistive": "#c4267a89";
+        readonly "--semantic-theme-pink-alpha-subtle": "#c4267a5b";
+        readonly "--semantic-theme-pink-alpha-subtler": "#c4267a28";
+        readonly "--semantic-theme-rose-bold": "#91002b";
+        readonly "--semantic-theme-rose-normal": "#bc0b3b";
+        readonly "--semantic-theme-rose-neutral": "#e02f52";
+        readonly "--semantic-theme-rose-alternative": "#ff506b";
+        readonly "--semantic-theme-rose-assistive": "#ff8792";
+        readonly "--semantic-theme-rose-subtle": "#ffb2b7";
+        readonly "--semantic-theme-rose-subtler": "#ffe1e2";
+        readonly "--semantic-theme-rose-alpha-assistive": "#ce204689";
+        readonly "--semantic-theme-rose-alpha-subtle": "#ce20465b";
+        readonly "--semantic-theme-rose-alpha-subtler": "#ce204628";
+        readonly "--semantic-feedback-positive-assistive": "#21c45d";
+        readonly "--semantic-feedback-positive-subtler": "#95ffa6";
+        readonly "--semantic-feedback-positive-neutral": "#008a3c";
+        readonly "--semantic-feedback-positive-alternative": "#00a74b";
+        readonly "--semantic-feedback-positive-subtle": "#4ae176";
+        readonly "--semantic-feedback-positive-alpha-inverse-assistive": "#00a74b89";
+        readonly "--semantic-feedback-positive-alpha-inverse-subtle": "#00a74b5b";
+        readonly "--semantic-feedback-positive-alpha-inverse-subtler": "#00a74b28";
+        readonly "--semantic-feedback-destructive-bold": "#930012";
+        readonly "--semantic-feedback-destructive-inverse-bold": "#ffb3ad";
+        readonly "--semantic-feedback-destructive-inverse-normal": "#ff7169";
+        readonly "--semantic-feedback-destructive-inverse-neutral": "#ef4442";
+        readonly "--semantic-feedback-destructive-inverse-alternative": "#cb292d";
+        readonly "--semantic-feedback-destructive-inverse-assistive": "#a80618";
+        readonly "--semantic-feedback-destructive-inverse-subtle": "#930012";
+        readonly "--semantic-feedback-destructive-inverse-subtler": "#600008";
+        readonly "--semantic-feedback-destructive-normal": "#ba1a22";
+        readonly "--semantic-feedback-destructive-alpha-assistive": "#cb292d89";
+        readonly "--semantic-feedback-destructive-alpha-subtle": "#cb292d5b";
+        readonly "--semantic-feedback-destructive-alpha-subtler": "#cb292d28";
+        readonly "--semantic-feedback-destructive-neutral": "#dd3737";
+        readonly "--semantic-feedback-destructive-alternative": "#ff5450";
+        readonly "--semantic-feedback-destructive-assistive": "#ff8981";
+        readonly "--semantic-feedback-destructive-subtle": "#ffb3ad";
+        readonly "--semantic-feedback-destructive-subtler": "#ffe2df";
+        readonly "--semantic-feedback-destructive-alpha-inverse-assistive": "#ff545089";
+        readonly "--semantic-feedback-destructive-alpha-inverse-subtle": "#ff54505b";
+        readonly "--semantic-feedback-destructive-alpha-inverse-subtler": "#ff545028";
+        readonly "--semantic-feedback-notifying-bold": "#783100";
+        readonly "--semantic-feedback-notifying-normal": "#9e4300";
+        readonly "--semantic-feedback-notifying-neutral": "#c55500";
+        readonly "--semantic-feedback-notifying-alternative": "#ec690a";
+        readonly "--semantic-feedback-notifying-assistive": "#ff8d4c";
+        readonly "--semantic-feedback-notifying-subtle": "#ffb691";
+        readonly "--semantic-feedback-notifying-subtler": "#ffe2d6";
+        readonly "--semantic-feedback-notifying-inverse-bold": "#ffb691";
+        readonly "--semantic-feedback-notifying-inverse-normal": "#fe761c";
+        readonly "--semantic-feedback-notifying-inverse-neutral": "#d95f00";
+        readonly "--semantic-feedback-notifying-inverse-alternative": "#b14c00";
+        readonly "--semantic-feedback-notifying-inverse-assistive": "#8b3a00";
+        readonly "--semantic-feedback-notifying-inverse-subtle": "#783100";
+        readonly "--semantic-feedback-notifying-inverse-subtler": "#4e1d00";
+        readonly "--semantic-feedback-notifying-alpha-assistive": "#b14c0089";
+        readonly "--semantic-feedback-notifying-alpha-subtle": "#b14c005b";
+        readonly "--semantic-feedback-notifying-alpha-subtler": "#b14c0028";
+        readonly "--semantic-feedback-notifying-alpha-inverse-assistive": "#ec690a89";
+        readonly "--semantic-feedback-notifying-alpha-inverse-subtle": "#ec690a5b";
+        readonly "--semantic-feedback-notifying-alpha-inverse-subtler": "#ec690a28";
+        readonly "--semantic-feedback-positive-alpha-subtlest": "#007b350c";
+        readonly "--semantic-feedback-positive-alpha-inverse-subtlest": "#00a74b0c";
+        readonly "--semantic-feedback-destructive-alpha-subtlest": "#cb292d0c";
+        readonly "--semantic-feedback-destructive-alpha-inverse-subtlest": "#ff54500c";
+        readonly "--semantic-feedback-notifying-alpha-subtlest": "#b14c000c";
+        readonly "--semantic-feedback-notifying-alpha-inverse-subtlest": "#ec690a0c";
+        readonly "--semantic-fill-bolder": "#292c35";
+        readonly "--semantic-fill-normal": "#5c5e68";
+        readonly "--semantic-fill-inverse-bolder": "#e7e7f3";
+        readonly "--semantic-fill-inverse-normal": "#9c9da8";
+        readonly "--semantic-object-bolder": "#292c35";
+        readonly "--semantic-object-normal": "#5c5e68";
+        readonly "--semantic-object-subtler": "#0e0e8519";
+        readonly "--semantic-object-subtlest": "#5614ff07";
+        readonly "--semantic-object-inverse-bolder": "#e7e7f3";
+        readonly "--semantic-object-inverse-normal": "#9c9da8";
+        readonly "--semantic-object-inverse-subtler": "#e2f0f814";
+        readonly "--semantic-object-inverse-subtlest": "#dfe1eb05";
+        readonly "--semantic-object-static-bolder": "#292c35";
+        readonly "--semantic-object-static-normal": "#5c5e68";
+        readonly "--semantic-object-static-subtler": "#0e0e8519";
+        readonly "--semantic-object-static-subtlest": "#5614ff07";
+        readonly "--semantic-object-static-inverse-bolder": "#e7e7f3";
+        readonly "--semantic-object-static-inverse-normal": "#9c9da8";
+        readonly "--semantic-object-static-inverse-subtler": "#e2f0f814";
+        readonly "--semantic-object-static-inverse-subtlest": "#dfe1eb05";
+        readonly "--semantic-surface-static-shallowest": "#ffffff";
+        readonly "--semantic-surface-static-shallower": "#ffffff";
+        readonly "--semantic-surface-static-shallow": "#ffffff";
+        readonly "--semantic-surface-static-standard": "#ffffff";
+        readonly "--semantic-surface-static-deep": "#faf8ff";
+        readonly "--semantic-surface-static-deeper": "#f2f3ff";
+        readonly "--semantic-surface-static-deepest": "#ecedf9";
+        readonly "--semantic-surface-static-inverse-shallowest": "#393b44";
+        readonly "--semantic-surface-static-inverse-shallower": "#292c35";
+        readonly "--semantic-surface-static-inverse-shallow": "#21232c";
+        readonly "--semantic-surface-static-inverse-standard": "#191b24";
+        readonly "--semantic-surface-static-inverse-deep": "#1d1f28";
+        readonly "--semantic-surface-static-inverse-deeper": "#21232c";
+        readonly "--semantic-surface-static-inverse-deepest": "#252830";
+        readonly "--semantic-accent-alpha-inverse-assistive": "#7087ff89";
+        readonly "--semantic-theme-red-alpha-subtlest": "#cb292d0c";
+        readonly "--semantic-theme-red-bolder": "#600008";
+        readonly "--semantic-theme-orange-bolder": "#4e1d00";
+        readonly "--semantic-theme-orange-alpha-subtlest": "#b14c000c";
+        readonly "--semantic-theme-amber-bolder": "#412600";
+        readonly "--semantic-theme-amber-alpha-subtlest": "#955f000c";
+        readonly "--semantic-theme-yellow-bolder": "#3a2a00";
+        readonly "--semantic-theme-yellow-alpha-subtlest": "#8765000c";
+        readonly "--semantic-theme-lime-bolder": "#1d3200";
+        readonly "--semantic-theme-lime-alpha-subtlest": "#4b76000c";
+        readonly "--semantic-theme-green-bolder": "#003412";
+        readonly "--semantic-theme-green-alpha-subtlest": "#007b350c";
+        readonly "--semantic-theme-emerald-bolder": "#003321";
+        readonly "--semantic-theme-emerald-alpha-subtlest": "#007a540c";
+        readonly "--semantic-theme-teal-bolder": "#00332d";
+        readonly "--semantic-theme-teal-alpha-subtlest": "#00786c0c";
+        readonly "--semantic-theme-cyan-alpha-subtlest": "#0075890c";
+        readonly "--semantic-theme-cyan-bolder": "#00313b";
+        readonly "--semantic-theme-sky-alpha-subtlest": "#0071a30c";
+        readonly "--semantic-theme-sky-bolder": "#002f47";
+        readonly "--semantic-theme-blue-bolder": "#002a61";
+        readonly "--semantic-theme-blue-alpha-subtlest": "#0166d80c";
+        readonly "--semantic-theme-violet-bolder": "#370086";
+        readonly "--semantic-theme-violet-alpha-subtlest": "#7a4ae30c";
+        readonly "--semantic-theme-purple-alpha-subtlest": "#923be00c";
+        readonly "--semantic-theme-purple-bolder": "#440076";
+        readonly "--semantic-theme-fuchsia-alpha-subtlest": "#b315cd0c";
+        readonly "--semantic-theme-fuchsia-bolder": "#50005d";
+        readonly "--semantic-theme-pink-bolder": "#5c0034";
+        readonly "--semantic-theme-pink-alpha-subtlest": "#c4267a0c";
+        readonly "--semantic-theme-rose-bolder": "#5f0019";
+        readonly "--semantic-theme-rose-alpha-subtlest": "#ce20460c";
+        readonly "--semantic-feedback-destructive-bolder": "#600008";
+        readonly "--semantic-feedback-destructive-inverse-bolder": "#ffe2df";
+        readonly "--semantic-feedback-positive-bolder": "#003412";
+        readonly "--semantic-feedback-positive-inverse-bolder": "#95ffa6";
+        readonly "--semantic-feedback-notifying-bolder": "#4e1d00";
+        readonly "--semantic-feedback-notifying-inverse-bolder": "#ffe2d6";
+        readonly "--semantic-interaction-subtle": "#b7b8c3";
+        readonly "--semantic-interaction-inverse-subtle": "#444650";
+        readonly "--semantic-stroke-subtler": "#ecedf9";
+        readonly "--semantic-stroke-inverse-subtler": "#252830";
+        readonly "--semantic-stroke-alpha-subtler": "#111cb414";
+        readonly "--semantic-stroke-alpha-inverse-subtler": "#e1f3ec0f";
+        readonly "--semantic-accent-subtlest": "#fbf8ff";
+        readonly "--semantic-accent-inverse-subtlest": "#001463";
+        readonly "--semantic-spacing-1": "1px";
+        readonly "--semantic-spacing-2": "2px";
+        readonly "--semantic-spacing-4": "4px";
+        readonly "--semantic-spacing-6": "6px";
+        readonly "--semantic-spacing-8": "8px";
+        readonly "--semantic-spacing-10": "10px";
+        readonly "--semantic-spacing-12": "12px";
+        readonly "--semantic-spacing-16": "16px";
+        readonly "--semantic-spacing-20": "20px";
+        readonly "--semantic-spacing-24": "24px";
+        readonly "--semantic-spacing-32": "32px";
+        readonly "--semantic-spacing-40": "40px";
+        readonly "--semantic-spacing-48": "48px";
+        readonly "--semantic-spacing-56": "56px";
+        readonly "--semantic-radius-4": "4px";
+        readonly "--semantic-radius-8": "8px";
+        readonly "--semantic-radius-10": "10px";
+        readonly "--semantic-radius-16": "16px";
+        readonly "--semantic-radius-24": "24px";
+        readonly "--semantic-radius-max": "9999px";
+        readonly "--semantic-stroke-weight-1": "1px";
+        readonly "--semantic-stroke-weight-2": "2px";
+        readonly "--semantic-stroke-weight-4": "4px";
+        readonly "--semantic-stroke-weight-6": "6px";
+        readonly "--semantic-opacity-0": "0";
+        readonly "--semantic-opacity-5": "5";
+        readonly "--semantic-opacity-8": "8";
+        readonly "--semantic-opacity-12": "12";
+        readonly "--semantic-opacity-16": "16";
+        readonly "--semantic-opacity-23": "23";
+        readonly "--semantic-opacity-29": "29";
+        readonly "--semantic-opacity-36": "36";
+        readonly "--semantic-opacity-44": "44";
+        readonly "--semantic-opacity-54": "54";
+        readonly "--semantic-opacity-63": "63";
+        readonly "--semantic-opacity-76": "76";
+        readonly "--semantic-opacity-100": "100";
+        readonly "--semantic-radius-6": "6px";
+        readonly "--semantic-spacing-0": "0px";
+        readonly "--semantic-radius-2": "2px";
+        readonly "--semantic-opacity-91": "91";
+        readonly "--semantic-breakpoint-min": "1200";
+        readonly "--semantic-breakpoint-max": "2560";
+        readonly "--semantic-margin-lg": "28px";
+        readonly "--semantic-margin-md": "24px";
+        readonly "--semantic-radius-12": "12px";
+        readonly "--semantic-radius-0": "0px";
+        readonly "--semantic-margin-sm": "20px";
+        readonly "--semantic-margin-xl": "32px";
+        readonly "--semantic-spacing-64": "64px";
+        readonly "--semantic-spacing-72": "72px";
+        readonly "--semantic-margin-2xl": "40px";
+        readonly "--primitive-unit-16": "16";
+        readonly "--primitive-unit-20": "20";
+        readonly "--primitive-unit-12": "12";
+        readonly "--primitive-unit-72": "72";
+        readonly "--primitive-unit-6": "6";
+        readonly "--primitive-unit-144": "144";
+        readonly "--primitive-unit-112": "112";
+        readonly "--primitive-unit-96": "96";
+        readonly "--primitive-unit-128": "128";
+        readonly "--primitive-unit-2": "2";
+        readonly "--primitive-unit-4": "4";
+        readonly "--primitive-unit-80": "80";
+        readonly "--primitive-unit-64": "64";
+        readonly "--primitive-unit-56": "56";
+        readonly "--primitive-unit-48": "48";
+        readonly "--primitive-unit-24": "24";
+        readonly "--primitive-unit-40": "40";
+        readonly "--primitive-unit-10": "10";
+        readonly "--primitive-unit-32": "32";
+        readonly "--primitive-unit-1": "1";
+        readonly "--primitive-unit-8": "8";
+        readonly "--primitive-unit-28": "28";
+        readonly "--primitive-unit-0": "0";
+        readonly "--semantic-spacing-80": "80px";
+        readonly "--semantic-spacing-96": "96px";
+        readonly "--semantic-spacing-112": "112px";
+        readonly "--semantic-spacing-128": "128px";
+        readonly "--semantic-spacing-144": "144px";
+        readonly "--semantic-margin-3xl": "48px";
+        readonly "--semantic-margin-5xl": "72px";
+        readonly "--semantic-margin-xs": "16px";
+        readonly "--primitive-unit-3": "3";
+        readonly "--semantic-spacing-3": "3px";
+        readonly "--semantic-stroke-weight-3": "3px";
+        readonly "--semantic-margin-2xs": "12px";
+        readonly "--semantic-spacing-28": "28px";
+        readonly "--semantic-position-24": "24";
+        readonly "--semantic-position-16": "16";
+        readonly "--semantic-position-8": "8";
+        readonly "--semantic-position-4": "4";
+        readonly "--semantic-position-0": "0";
+        readonly "--semantic-position-6": "6";
+        readonly "--semantic-position-2": "2";
+        readonly "--semantic-position-1": "1";
+        readonly "--semantic-position-3": "3";
+        readonly "--semantic-position-12": "12";
+        readonly "--primitive-unit-5": "5";
+        readonly "--semantic-stroke-weight-5": "5px";
+        readonly "--primitive-typeface-hero": "Pretendard Variable";
+        readonly "--primitive-typeface-syntax": "D2Coding";
+        readonly "--primitive-font-size-hero-4": "64px";
+        readonly "--primitive-font-size-hero-3": "56px";
+        readonly "--primitive-font-size-hero-2": "48px";
+        readonly "--primitive-font-size-hero-1": "40px";
+        readonly "--primitive-font-size-title-3": "28px";
+        readonly "--primitive-font-size-title-2": "24px";
+        readonly "--primitive-font-size-title-1": "20px";
+        readonly "--primitive-font-size-title-4": "32px";
+        readonly "--primitive-font-size-body-lg": "17px";
+        readonly "--primitive-font-size-body-md": "16px";
+        readonly "--primitive-font-size-body-sm": "15px";
+        readonly "--primitive-font-size-body-xs": "14px";
+        readonly "--primitive-font-size-body-2xs": "13px";
+        readonly "--primitive-font-size-label-lg": "16px";
+        readonly "--primitive-font-size-label-md": "15px";
+        readonly "--primitive-font-size-label-sm": "13px";
+        readonly "--primitive-font-line-height-hero-4": "80px";
+        readonly "--primitive-font-line-height-hero-3": "70px";
+        readonly "--primitive-font-line-height-hero-2": "60px";
+        readonly "--primitive-font-line-height-hero-1": "50px";
+        readonly "--primitive-font-line-height-title-4": "41.599998474121094px";
+        readonly "--primitive-font-line-height-title-3": "36.400001525878906px";
+        readonly "--primitive-font-line-height-title-2": "31.200000762939453px";
+        readonly "--primitive-font-line-height-title-1": "26px";
+        readonly "--primitive-font-line-height-label-lg": "24px";
+        readonly "--primitive-font-line-height-label-md": "22.5px";
+        readonly "--primitive-font-line-height-label-sm": "19.5px";
+        readonly "--primitive-font-line-height-body-lg": "27.200000762939453px";
+        readonly "--primitive-font-line-height-body-md": "25.600000381469727px";
+        readonly "--primitive-font-line-height-body-sm": "24px";
+        readonly "--primitive-font-line-height-body-xs": "22.399999618530273px";
+        readonly "--primitive-font-line-height-body-2xs": "20.799999237060547px";
+        readonly "--primitive-font-letter-spacing-hero-4": "-1.9800000190734863px";
+        readonly "--primitive-font-letter-spacing-hero-3": "-1.5700000524520874px";
+        readonly "--primitive-font-letter-spacing-hero-2": "-1.2000000476837158px";
+        readonly "--primitive-font-letter-spacing-hero-1": "-0.8799999952316284px";
+        readonly "--primitive-font-letter-spacing-title-4": "-0.6399999856948853px";
+        readonly "--primitive-font-letter-spacing-title-3": "-0.47999998927116394px";
+        readonly "--primitive-font-letter-spacing-title-2": "-0.3400000035762787px";
+        readonly "--primitive-font-letter-spacing-title-1": "-0.2199999988079071px";
+        readonly "--primitive-font-letter-spacing-label-lg": "-0.1599999964237213px";
+        readonly "--primitive-font-letter-spacing-label-md": "-0.11999999731779099px";
+        readonly "--primitive-font-letter-spacing-label-sm": "-0.07999999821186066px";
+        readonly "--primitive-font-letter-spacing-body-lg": "0.017000000923871994px";
+        readonly "--primitive-font-letter-spacing-body-md": "0.04500000178813934px";
+        readonly "--primitive-font-letter-spacing-body-sm": "0.0560000017285347px";
+        readonly "--primitive-font-letter-spacing-body-xs": "0.07000000029802322px";
+        readonly "--primitive-font-letter-spacing-body-2xs": "0.07999999821186066px";
+        readonly "--primitive-font-weight-hero-normal": "660";
+        readonly "--primitive-font-weight-title-normal": "570";
+        readonly "--primitive-font-weight-label-normal": "450";
+        readonly "--primitive-font-weight-body-normal": "400";
+        readonly "--primitive-font-weight-hero-bold": "700";
+        readonly "--primitive-font-weight-title-bold": "620";
+        readonly "--primitive-font-weight-label-bold": "500";
+        readonly "--primitive-font-weight-label-subtle": "400";
+        readonly "--primitive-font-weight-body-bold": "430";
+        readonly "--primitive-font-size-syntax-lg": "16px";
+        readonly "--primitive-font-size-syntax-md": "15px";
+        readonly "--primitive-font-size-syntax-sm": "13px";
+        readonly "--primitive-font-weight-syntax-normal": "400";
+        readonly "--primitive-font-line-height-syntax-lg": "27.200000762939453px";
+        readonly "--primitive-font-line-height-syntax-md": "25.5px";
+        readonly "--primitive-font-line-height-syntax-sm": "22.100000381469727px";
+        readonly "--primitive-typeface-title": "Pretendard Variable";
+        readonly "--primitive-typeface-label": "Pretendard Variable";
+        readonly "--primitive-typeface-body": "Pretendard Variable";
+        readonly "--primitive-font-size-label-xs": "12px";
+        readonly "--primitive-font-line-height-label-xs": "18px";
+        readonly "--primitive-font-letter-spacing-label-xs": "-0.05000000074505806px";
+        readonly "--primitive-font-size-syntax-xs": "12px";
+        readonly "--primitive-font-line-height-syntax-xs": "20.399999618530273px";
+    };
+    readonly "semantic-textStyle-hero-4": {
+        readonly fontSize: "var(--primitive-font-size-hero-4)";
+        readonly lineHeight: "var(--primitive-font-line-height-hero-4)";
+        readonly fontFamily: "var(--primitive-typeface-hero)";
+        readonly fontWeight: "var(--primitive-font-weight-hero-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-hero-4)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-hero-3": {
+        readonly fontSize: "var(--primitive-font-size-hero-3)";
+        readonly lineHeight: "var(--primitive-font-line-height-hero-3)";
+        readonly fontFamily: "var(--primitive-typeface-hero)";
+        readonly fontWeight: "var(--primitive-font-weight-hero-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-hero-3)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-hero-2": {
+        readonly fontSize: "var(--primitive-font-size-hero-2)";
+        readonly lineHeight: "var(--primitive-font-line-height-hero-2)";
+        readonly fontFamily: "var(--primitive-typeface-hero)";
+        readonly fontWeight: "var(--primitive-font-weight-hero-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-hero-2)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-hero-1": {
+        readonly fontSize: "var(--primitive-font-size-hero-1)";
+        readonly lineHeight: "var(--primitive-font-line-height-hero-1)";
+        readonly fontFamily: "var(--primitive-typeface-hero)";
+        readonly fontWeight: "var(--primitive-font-weight-hero-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-hero-1)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-title-4": {
+        readonly fontSize: "var(--primitive-font-size-title-4)";
+        readonly lineHeight: "var(--primitive-font-line-height-title-4)";
+        readonly fontFamily: "var(--primitive-typeface-title)";
+        readonly fontWeight: "var(--primitive-font-weight-title-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-title-4)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-title-3": {
+        readonly fontSize: "var(--primitive-font-size-title-3)";
+        readonly lineHeight: "var(--primitive-font-line-height-title-3)";
+        readonly fontFamily: "var(--primitive-typeface-title)";
+        readonly fontWeight: "var(--primitive-font-weight-title-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-title-3)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-title-2": {
+        readonly fontSize: "var(--primitive-font-size-title-2)";
+        readonly lineHeight: "var(--primitive-font-line-height-title-2)";
+        readonly fontFamily: "var(--primitive-typeface-title)";
+        readonly fontWeight: "var(--primitive-font-weight-title-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-title-2)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-title-1": {
+        readonly fontSize: "var(--primitive-font-size-title-1)";
+        readonly lineHeight: "var(--primitive-font-line-height-title-1)";
+        readonly fontFamily: "var(--primitive-typeface-title)";
+        readonly fontWeight: "var(--primitive-font-weight-title-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-title-1)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-lg-bold": {
+        readonly fontSize: "var(--primitive-font-size-label-lg)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-lg)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-lg)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-lg-normal": {
+        readonly fontSize: "var(--primitive-font-size-label-lg)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-lg)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-lg)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-lg-subtle": {
+        readonly fontSize: "var(--primitive-font-size-label-lg)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-lg)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-subtle)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-lg)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-md-bold": {
+        readonly fontSize: "var(--primitive-font-size-label-md)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-md)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-md)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-md-normal": {
+        readonly fontSize: "var(--primitive-font-size-label-md)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-md)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-md)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-md-subtle": {
+        readonly fontSize: "var(--primitive-font-size-label-md)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-md)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-subtle)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-md)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-sm-bold": {
+        readonly fontSize: "var(--primitive-font-size-label-sm)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-sm)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-sm)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-sm-normal": {
+        readonly fontSize: "var(--primitive-font-size-label-sm)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-sm)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-sm)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-sm-subtle": {
+        readonly fontSize: "var(--primitive-font-size-label-sm)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-sm)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-subtle)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-sm)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-xs-bold": {
+        readonly fontSize: "var(--primitive-font-size-label-xs)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-xs)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-xs)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-xs-normal": {
+        readonly fontSize: "var(--primitive-font-size-label-xs)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-xs)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-xs)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-label-xs-subtle": {
+        readonly fontSize: "var(--primitive-font-size-label-xs)";
+        readonly lineHeight: "var(--primitive-font-line-height-label-xs)";
+        readonly fontFamily: "var(--primitive-typeface-label)";
+        readonly fontWeight: "var(--primitive-font-weight-label-subtle)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-label-xs)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-lg-bold": {
+        readonly fontSize: "var(--primitive-font-size-body-lg)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-lg)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-lg)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-lg-normal": {
+        readonly fontSize: "var(--primitive-font-size-body-lg)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-lg)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-lg)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-md-bold": {
+        readonly fontSize: "var(--primitive-font-size-body-md)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-md)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-md)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-md-normal": {
+        readonly fontSize: "var(--primitive-font-size-body-md)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-md)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-md)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-sm-bold": {
+        readonly fontSize: "var(--primitive-font-size-body-sm)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-sm)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-sm)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-sm-normal": {
+        readonly fontSize: "var(--primitive-font-size-body-sm)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-sm)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-sm)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-xs-bold": {
+        readonly fontSize: "var(--primitive-font-size-body-xs)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-xs)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-xs)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-xs-normal": {
+        readonly fontSize: "var(--primitive-font-size-body-xs)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-xs)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-xs)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-2xs-bold": {
+        readonly fontSize: "var(--primitive-font-size-body-2xs)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-2xs)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-2xs)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-body-2xs-normal": {
+        readonly fontSize: "var(--primitive-font-size-body-2xs)";
+        readonly lineHeight: "var(--primitive-font-line-height-body-2xs)";
+        readonly fontFamily: "var(--primitive-typeface-body)";
+        readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+        readonly letterSpacing: "var(--primitive-font-letter-spacing-body-2xs)";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-syntax-lg": {
+        readonly fontSize: "var(--primitive-font-size-syntax-lg)";
+        readonly lineHeight: "var(--primitive-font-line-height-syntax-lg)";
+        readonly fontFamily: "var(--primitive-typeface-syntax)";
+        readonly fontWeight: "var(--primitive-font-weight-syntax-normal)";
+        readonly letterSpacing: "0%";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-syntax-md": {
+        readonly fontSize: "var(--primitive-font-size-syntax-md)";
+        readonly lineHeight: "var(--primitive-font-line-height-syntax-md)";
+        readonly fontFamily: "var(--primitive-typeface-syntax)";
+        readonly fontWeight: "var(--primitive-font-weight-syntax-normal)";
+        readonly letterSpacing: "0%";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-syntax-sm": {
+        readonly fontSize: "var(--primitive-font-size-syntax-sm)";
+        readonly lineHeight: "var(--primitive-font-line-height-syntax-sm)";
+        readonly fontFamily: "var(--primitive-typeface-syntax)";
+        readonly fontWeight: "var(--primitive-font-weight-syntax-normal)";
+        readonly letterSpacing: "0%";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly "semantic-textStyle-syntax-xs": {
+        readonly fontSize: "var(--primitive-font-size-syntax-xs)";
+        readonly lineHeight: "var(--primitive-font-line-height-syntax-xs)";
+        readonly fontFamily: "var(--primitive-typeface-syntax)";
+        readonly fontWeight: "var(--primitive-font-weight-syntax-normal)";
+        readonly letterSpacing: "0%";
+        readonly paragraphSpacing: "0px";
+        readonly paragraphIndent: "0px";
+    };
+    readonly '[data-theme="dark"]': {
+        readonly "--semantic-accent-alpha-assistive": "#7087ff89";
+        readonly "--semantic-object-neutral": "#edeffc7c";
+        readonly "--semantic-object-alternative": "#edeffb5e";
+        readonly "--semantic-object-assistive": "#eef0fb42";
+        readonly "--semantic-object-subtle": "#e4e6f535";
+        readonly "--semantic-object-inverse-neutral": "#04051a8c";
+        readonly "--semantic-object-inverse-alternative": "#00031e70";
+        readonly "--semantic-object-inverse-assistive": "#01042656";
+        readonly "--semantic-object-inverse-subtle": "#0207353a";
+        readonly "--semantic-accent-bold": "#bac3ff";
+        readonly "--semantic-accent-normal": "#8397ff";
+        readonly "--semantic-object-boldest": "#ffffff";
+        readonly "--semantic-object-bold": "#c5c6d1";
+        readonly "--semantic-object-inverse-boldest": "#191b24";
+        readonly "--semantic-object-inverse-bold": "#444650";
+        readonly "--semantic-surface-standard": "#191b24";
+        readonly "--semantic-surface-deep": "#1d1f28";
+        readonly "--semantic-surface-deeper": "#21232c";
+        readonly "--semantic-surface-deepest": "#252830";
+        readonly "--semantic-interaction-bold": "#ffffff";
+        readonly "--semantic-interaction-normal": "#a9aab6";
+        readonly "--semantic-interaction-inverse-focus": "#7087ff";
+        readonly "--semantic-stroke-neutral": "#5c5e68";
+        readonly "--semantic-stroke-alternative": "#444650";
+        readonly "--semantic-stroke-assistive": "#393b44";
+        readonly "--semantic-fill-boldest": "#ffffff";
+        readonly "--semantic-fill-bold": "#c5c6d1";
+        readonly "--semantic-fill-neutral": "#edeffc7c";
+        readonly "--semantic-fill-alternative": "#edeffb5e";
+        readonly "--semantic-fill-assistive": "#eef0fb42";
+        readonly "--semantic-system-white": "#ffffff";
+        readonly "--semantic-system-black": "#000000";
+        readonly "--semantic-object-static-boldest": "#191b24";
+        readonly "--semantic-object-static-bold": "#444650";
+        readonly "--semantic-object-static-neutral": "#04051a8c";
+        readonly "--semantic-object-static-alternative": "#00031e70";
+        readonly "--semantic-object-static-assistive": "#01042656";
+        readonly "--semantic-object-static-subtle": "#0207353a";
+        readonly "--semantic-object-static-inverse-boldest": "#ffffff";
+        readonly "--semantic-object-static-inverse-bold": "#c5c6d1";
+        readonly "--semantic-object-static-inverse-neutral": "#edeffc7c";
+        readonly "--semantic-object-static-inverse-alternative": "#edeffb5e";
+        readonly "--semantic-object-static-inverse-assistive": "#eef0fb42";
+        readonly "--semantic-object-static-inverse-subtle": "#e4e6f535";
+        readonly "--semantic-interaction-inverse-bold": "#191b24";
+        readonly "--semantic-interaction-inverse-normal": "#50525c";
+        readonly "--semantic-interaction-focus": "#4a68fc";
+        readonly "--semantic-stroke-normal": "#81838e";
+        readonly "--semantic-stroke-bold": "#a9aab6";
+        readonly "--semantic-fill-inverse-boldest": "#191b24";
+        readonly "--semantic-fill-inverse-bold": "#444650";
+        readonly "--semantic-fill-inverse-neutral": "#04051a8c";
+        readonly "--semantic-fill-inverse-alternative": "#00031e70";
+        readonly "--semantic-fill-inverse-assistive": "#01042656";
+        readonly "--semantic-accent-neutral": "#5d78ff";
+        readonly "--semantic-accent-alpha-subtle": "#7087ff5b";
+        readonly "--semantic-fill-subtle": "#e4e6f535";
+        readonly "--semantic-fill-inverse-subtle": "#0207353a";
+        readonly "--semantic-stroke-alpha-bold": "#f0f0feaa";
+        readonly "--semantic-stroke-alpha-normal": "#edeffc7c";
+        readonly "--semantic-stroke-alpha-neutral": "#ebedf851";
+        readonly "--semantic-stroke-alpha-alternative": "#e4e6f535";
+        readonly "--semantic-stroke-alpha-assistive": "#eff1f926";
+        readonly "--semantic-accent-inverse-bold": "#0031c5";
+        readonly "--semantic-accent-inverse-normal": "#2a4de2";
+        readonly "--semantic-accent-inverse-neutral": "#4a68fc";
+        readonly "--semantic-accent-alternative": "#3b5aef";
+        readonly "--semantic-accent-inverse-alternative": "#7087ff";
+        readonly "--semantic-accent-alpha-subtler": "#7087ff28";
+        readonly "--semantic-accent-alpha-inverse-subtle": "#3b5aef5b";
+        readonly "--semantic-accent-alpha-inverse-subtler": "#3b5aef28";
+        readonly "--semantic-accent-alpha-inverse-subtlest": "#3b5aef0c";
+        readonly "--semantic-stroke-subtle": "#2e3039";
+        readonly "--semantic-stroke-alpha-subtle": "#e9ecf519";
+        readonly "--semantic-stroke-inverse-bold": "#50525c";
+        readonly "--semantic-stroke-inverse-normal": "#757681";
+        readonly "--semantic-stroke-inverse-neutral": "#9c9da8";
+        readonly "--semantic-stroke-inverse-alternative": "#b7b8c3";
+        readonly "--semantic-stroke-inverse-assistive": "#d3d4df";
+        readonly "--semantic-stroke-inverse-subtle": "#e1e2ee";
+        readonly "--semantic-stroke-alpha-inverse-bold": "#010413af";
+        readonly "--semantic-stroke-alpha-inverse-normal": "#04051a8c";
+        readonly "--semantic-stroke-alpha-inverse-neutral": "#01042263";
+        readonly "--semantic-stroke-alpha-inverse-alternative": "#07093149";
+        readonly "--semantic-stroke-alpha-inverse-assistive": "#0a104b2d";
+        readonly "--semantic-stroke-alpha-inverse-subtle": "#040b701e";
+        readonly "--semantic-theme-red-bold": "#ffb3ad";
+        readonly "--semantic-theme-red-normal": "#ff7169";
+        readonly "--semantic-theme-red-neutral": "#ef4442";
+        readonly "--semantic-theme-red-alternative": "#cb292d";
+        readonly "--semantic-accent-assistive": "#163ed6";
+        readonly "--semantic-accent-inverse-assistive": "#95a6ff";
+        readonly "--semantic-accent-alpha-subtlest": "#7087ff0c";
+        readonly "--semantic-surface-inverse-standard": "#ffffff";
+        readonly "--semantic-surface-inverse-deep": "#faf8ff";
+        readonly "--semantic-surface-inverse-deeper": "#f2f3ff";
+        readonly "--semantic-surface-inverse-deepest": "#ecedf9";
+        readonly "--semantic-curtain-bright": "#ffffff3a";
+        readonly "--semantic-curtain-dim": "#191b24a0";
+        readonly "--semantic-curtain-dimmer": "#191b24c1";
+        readonly "--semantic-fill-subtler": "#e2f0f814";
+        readonly "--semantic-fill-inverse-subtler": "#0e0e8519";
+        readonly "--semantic-fill-subtlest": "#dfe1eb05";
+        readonly "--semantic-fill-inverse-subtlest": "#5614ff07";
+        readonly "--semantic-theme-red-assistive": "#a80618";
+        readonly "--semantic-theme-red-subtle": "#930012";
+        readonly "--semantic-theme-red-subtler": "#600008";
+        readonly "--semantic-feedback-positive-alpha-subtle": "#00a74b5b";
+        readonly "--semantic-feedback-positive-alpha-assistive": "#00a74b89";
+        readonly "--semantic-feedback-positive-normal": "#00b652";
+        readonly "--semantic-feedback-positive-alpha-subtler": "#00a74b28";
+        readonly "--semantic-feedback-positive-bold": "#4ae176";
+        readonly "--semantic-accent-subtle": "#0031c5";
+        readonly "--semantic-accent-inverse-subtle": "#bac3ff";
+        readonly "--semantic-interaction-assistive": "#686a74";
+        readonly "--semantic-interaction-inverse-assistive": "#8f909b";
+        readonly "--semantic-feedback-positive-inverse-bold": "#005321";
+        readonly "--semantic-feedback-positive-inverse-normal": "#006e2f";
+        readonly "--semantic-feedback-positive-inverse-neutral": "#008a3c";
+        readonly "--semantic-feedback-positive-inverse-alternative": "#00a74b";
+        readonly "--semantic-feedback-positive-inverse-assistive": "#21c45d";
+        readonly "--semantic-feedback-positive-inverse-subtle": "#4ae176";
+        readonly "--semantic-feedback-positive-inverse-subtler": "#95ffa6";
+        readonly "--semantic-surface-shallow": "#21232c";
+        readonly "--semantic-surface-inverse-shallow": "#ffffff";
+        readonly "--semantic-surface-inverse-shallower": "#ffffff";
+        readonly "--semantic-surface-shallower": "#292c35";
+        readonly "--semantic-surface-shallowest": "#393b44";
+        readonly "--semantic-surface-inverse-shallowest": "#ffffff";
+        readonly "--semantic-accent-subtler": "#001d83";
+        readonly "--semantic-accent-bolder": "#e5e6ff";
+        readonly "--semantic-accent-inverse-bolder": "#001d83";
+        readonly "--semantic-accent-inverse-subtler": "#e5e6ff";
+        readonly "--semantic-theme-red-alpha-assistive": "#ff545089";
+        readonly "--semantic-theme-red-alpha-subtle": "#ff54505b";
+        readonly "--semantic-theme-red-alpha-subtler": "#ff545028";
+        readonly "--semantic-theme-orange-bold": "#ffb691";
+        readonly "--semantic-theme-orange-normal": "#fe761c";
+        readonly "--semantic-theme-orange-neutral": "#d95f00";
+        readonly "--semantic-theme-orange-alternative": "#b14c00";
+        readonly "--semantic-theme-orange-assistive": "#8b3a00";
+        readonly "--semantic-theme-orange-subtle": "#783100";
+        readonly "--semantic-theme-orange-subtler": "#4e1d00";
+        readonly "--semantic-theme-orange-alpha-assistive": "#ec690a89";
+        readonly "--semantic-theme-orange-alpha-subtle": "#ec690a5b";
+        readonly "--semantic-theme-orange-alpha-subtler": "#ec690a28";
+        readonly "--semantic-theme-amber-bold": "#ffb95d";
+        readonly "--semantic-theme-amber-normal": "#db8d00";
+        readonly "--semantic-theme-amber-neutral": "#b87500";
+        readonly "--semantic-theme-amber-alternative": "#955f00";
+        readonly "--semantic-theme-amber-assistive": "#754900";
+        readonly "--semantic-theme-amber-subtle": "#653e00";
+        readonly "--semantic-theme-amber-subtler": "#412600";
+        readonly "--semantic-theme-amber-alpha-assistive": "#c9810089";
+        readonly "--semantic-theme-amber-alpha-subtle": "#c981005b";
+        readonly "--semantic-theme-amber-alpha-subtler": "#c9810028";
+        readonly "--semantic-theme-yellow-bold": "#f7be20";
+        readonly "--semantic-theme-yellow-normal": "#c69700";
+        readonly "--semantic-theme-yellow-neutral": "#a67e00";
+        readonly "--semantic-theme-yellow-alternative": "#876500";
+        readonly "--semantic-theme-yellow-assistive": "#694e00";
+        readonly "--semantic-theme-yellow-subtle": "#5b4300";
+        readonly "--semantic-theme-yellow-subtler": "#3a2a00";
+        readonly "--semantic-theme-yellow-alpha-assistive": "#b68a0089";
+        readonly "--semantic-theme-yellow-alpha-subtle": "#b68a005b";
+        readonly "--semantic-theme-yellow-alpha-subtler": "#b68a0028";
+        readonly "--semantic-theme-lime-bold": "#92da26";
+        readonly "--semantic-theme-lime-normal": "#70af00";
+        readonly "--semantic-theme-lime-neutral": "#5d9200";
+        readonly "--semantic-theme-lime-alternative": "#4b7600";
+        readonly "--semantic-theme-lime-assistive": "#395c00";
+        readonly "--semantic-theme-lime-subtle": "#304f00";
+        readonly "--semantic-theme-lime-subtler": "#1d3200";
+        readonly "--semantic-theme-lime-alpha-assistive": "#67a00089";
+        readonly "--semantic-theme-lime-alpha-subtle": "#67a0005b";
+        readonly "--semantic-theme-lime-alpha-subtler": "#67a00028";
+        readonly "--semantic-theme-green-bold": "#4ae176";
+        readonly "--semantic-theme-green-normal": "#00b652";
+        readonly "--semantic-theme-green-neutral": "#009843";
+        readonly "--semantic-theme-green-alternative": "#007b35";
+        readonly "--semantic-theme-green-assistive": "#006028";
+        readonly "--semantic-theme-green-subtle": "#005321";
+        readonly "--semantic-theme-green-subtler": "#003412";
+        readonly "--semantic-theme-green-alpha-assistive": "#00a74b89";
+        readonly "--semantic-theme-green-alpha-subtle": "#00a74b5b";
+        readonly "--semantic-theme-green-alpha-subtler": "#00a74b28";
+        readonly "--semantic-theme-emerald-bold": "#4cdfa3";
+        readonly "--semantic-theme-emerald-normal": "#00b47d";
+        readonly "--semantic-theme-emerald-neutral": "#009668";
+        readonly "--semantic-theme-emerald-alternative": "#007a54";
+        readonly "--semantic-theme-emerald-assistive": "#005f40";
+        readonly "--semantic-theme-emerald-subtle": "#005237";
+        readonly "--semantic-theme-emerald-subtler": "#003321";
+        readonly "--semantic-theme-emerald-alpha-assistive": "#00a57289";
+        readonly "--semantic-theme-emerald-alpha-subtle": "#00a5725b";
+        readonly "--semantic-theme-emerald-alpha-subtler": "#00a57228";
+        readonly "--semantic-theme-teal-bold": "#4edbc9";
+        readonly "--semantic-theme-teal-normal": "#00b1a0";
+        readonly "--semantic-theme-teal-neutral": "#009486";
+        readonly "--semantic-theme-teal-alternative": "#00786c";
+        readonly "--semantic-theme-teal-assistive": "#005d54";
+        readonly "--semantic-theme-teal-subtle": "#005048";
+        readonly "--semantic-theme-teal-subtler": "#00332d";
+        readonly "--semantic-theme-teal-alpha-assistive": "#00a39389";
+        readonly "--semantic-theme-teal-alpha-subtle": "#00a3935b";
+        readonly "--semantic-theme-teal-alpha-subtler": "#00a39328";
+        readonly "--semantic-theme-cyan-bold": "#49d7f6";
+        readonly "--semantic-theme-cyan-normal": "#00adca";
+        readonly "--semantic-theme-cyan-neutral": "#0090a9";
+        readonly "--semantic-theme-cyan-alternative": "#007589";
+        readonly "--semantic-theme-cyan-assistive": "#005b6b";
+        readonly "--semantic-theme-cyan-subtle": "#004e5c";
+        readonly "--semantic-theme-cyan-subtler": "#00313b";
+        readonly "--semantic-theme-cyan-alpha-assistive": "#009eb989";
+        readonly "--semantic-theme-cyan-alpha-subtle": "#009eb95b";
+        readonly "--semantic-theme-cyan-alpha-subtler": "#009eb928";
+        readonly "--semantic-theme-sky-bold": "#8aceff";
+        readonly "--semantic-theme-sky-normal": "#19a7ec";
+        readonly "--semantic-theme-sky-neutral": "#008cc8";
+        readonly "--semantic-theme-sky-alternative": "#0071a3";
+        readonly "--semantic-theme-sky-assistive": "#00587f";
+        readonly "--semantic-theme-sky-subtle": "#004c6e";
+        readonly "--semantic-theme-sky-subtler": "#002f47";
+        readonly "--semantic-theme-sky-alpha-assistive": "#009adb89";
+        readonly "--semantic-theme-sky-alpha-subtle": "#009adb5b";
+        readonly "--semantic-theme-sky-alpha-subtler": "#009adb28";
+        readonly "--semantic-theme-blue-bold": "#adc6ff";
+        readonly "--semantic-theme-blue-normal": "#689cff";
+        readonly "--semantic-theme-blue-neutral": "#3881f4";
+        readonly "--semantic-theme-blue-alternative": "#0166d8";
+        readonly "--semantic-theme-blue-assistive": "#004faa";
+        readonly "--semantic-theme-blue-subtle": "#004494";
+        readonly "--semantic-theme-blue-subtler": "#002a61";
+        readonly "--semantic-theme-blue-alpha-assistive": "#4c8eff89";
+        readonly "--semantic-theme-blue-alpha-subtle": "#4c8eff5b";
+        readonly "--semantic-theme-blue-alpha-subtler": "#4c8eff28";
+        readonly "--semantic-theme-violet-bold": "#d0bcff";
+        readonly "--semantic-theme-violet-normal": "#ac8aff";
+        readonly "--semantic-theme-violet-neutral": "#9466ff";
+        readonly "--semantic-theme-violet-alternative": "#7a4ae3";
+        readonly "--semantic-theme-violet-assistive": "#612bc9";
+        readonly "--semantic-theme-violet-subtle": "#5517bd";
+        readonly "--semantic-theme-violet-subtler": "#370086";
+        readonly "--semantic-theme-violet-alpha-assistive": "#a078ff89";
+        readonly "--semantic-theme-violet-alpha-subtle": "#a078ff5b";
+        readonly "--semantic-theme-violet-alpha-subtler": "#a078ff28";
+        readonly "--semantic-theme-purple-bold": "#deb7ff";
+        readonly "--semantic-theme-purple-normal": "#c180ff";
+        readonly "--semantic-theme-purple-neutral": "#ad59fb";
+        readonly "--semantic-theme-purple-alternative": "#923be0";
+        readonly "--semantic-theme-purple-assistive": "#7714c5";
+        readonly "--semantic-theme-purple-subtle": "#6900b2";
+        readonly "--semantic-theme-purple-subtler": "#440076";
+        readonly "--semantic-theme-purple-alpha-assistive": "#b76cff89";
+        readonly "--semantic-theme-purple-alpha-subtle": "#b76cff5b";
+        readonly "--semantic-theme-purple-alpha-subtler": "#b76cff28";
+        readonly "--semantic-theme-fuchsia-bold": "#faabff";
+        readonly "--semantic-theme-fuchsia-normal": "#eb64ff";
+        readonly "--semantic-theme-fuchsia-neutral": "#d13ee9";
+        readonly "--semantic-theme-fuchsia-alternative": "#b315cd";
+        readonly "--semantic-theme-fuchsia-assistive": "#8f00a4";
+        readonly "--semantic-theme-fuchsia-subtle": "#7c008f";
+        readonly "--semantic-theme-fuchsia-subtler": "#50005d";
+        readonly "--semantic-theme-fuchsia-alpha-assistive": "#e14ef889";
+        readonly "--semantic-theme-fuchsia-alpha-subtle": "#e14ef85b";
+        readonly "--semantic-theme-fuchsia-alpha-subtler": "#e14ef828";
+        readonly "--semantic-theme-pink-bold": "#ffb0cd";
+        readonly "--semantic-theme-pink-normal": "#ff67ad";
+        readonly "--semantic-theme-pink-neutral": "#e64394";
+        readonly "--semantic-theme-pink-alternative": "#c4267a";
+        readonly "--semantic-theme-pink-assistive": "#a20060";
+        readonly "--semantic-theme-pink-subtle": "#8c0053";
+        readonly "--semantic-theme-pink-subtler": "#5c0034";
+        readonly "--semantic-theme-pink-alpha-assistive": "#f651a189";
+        readonly "--semantic-theme-pink-alpha-subtle": "#f651a15b";
+        readonly "--semantic-theme-pink-alpha-subtler": "#f651a128";
+        readonly "--semantic-theme-rose-bold": "#ffb2b7";
+        readonly "--semantic-theme-rose-normal": "#ff6e7f";
+        readonly "--semantic-theme-rose-neutral": "#f13d5d";
+        readonly "--semantic-theme-rose-alternative": "#ce2046";
+        readonly "--semantic-theme-rose-assistive": "#a70032";
+        readonly "--semantic-theme-rose-subtle": "#91002b";
+        readonly "--semantic-theme-rose-subtler": "#5f0019";
+        readonly "--semantic-theme-rose-alpha-assistive": "#ff506b89";
+        readonly "--semantic-theme-rose-alpha-subtle": "#ff506b5b";
+        readonly "--semantic-theme-rose-alpha-subtler": "#ff506b28";
+        readonly "--semantic-feedback-positive-assistive": "#006028";
+        readonly "--semantic-feedback-positive-subtler": "#003412";
+        readonly "--semantic-feedback-positive-neutral": "#009843";
+        readonly "--semantic-feedback-positive-alternative": "#007b35";
+        readonly "--semantic-feedback-positive-subtle": "#005321";
+        readonly "--semantic-feedback-positive-alpha-inverse-assistive": "#007b3589";
+        readonly "--semantic-feedback-positive-alpha-inverse-subtle": "#007b355b";
+        readonly "--semantic-feedback-positive-alpha-inverse-subtler": "#007b3528";
+        readonly "--semantic-feedback-destructive-bold": "#ffb3ad";
+        readonly "--semantic-feedback-destructive-inverse-bold": "#930012";
+        readonly "--semantic-feedback-destructive-inverse-normal": "#ba1a22";
+        readonly "--semantic-feedback-destructive-inverse-neutral": "#dd3737";
+        readonly "--semantic-feedback-destructive-inverse-alternative": "#ff5450";
+        readonly "--semantic-feedback-destructive-inverse-assistive": "#ff8981";
+        readonly "--semantic-feedback-destructive-inverse-subtle": "#ffb3ad";
+        readonly "--semantic-feedback-destructive-inverse-subtler": "#ffe2df";
+        readonly "--semantic-feedback-destructive-normal": "#ff7169";
+        readonly "--semantic-feedback-destructive-alpha-assistive": "#ff545089";
+        readonly "--semantic-feedback-destructive-alpha-subtle": "#ff54505b";
+        readonly "--semantic-feedback-destructive-alpha-subtler": "#ff545028";
+        readonly "--semantic-feedback-destructive-neutral": "#ef4442";
+        readonly "--semantic-feedback-destructive-alternative": "#cb292d";
+        readonly "--semantic-feedback-destructive-assistive": "#a80618";
+        readonly "--semantic-feedback-destructive-subtle": "#930012";
+        readonly "--semantic-feedback-destructive-subtler": "#600008";
+        readonly "--semantic-feedback-destructive-alpha-inverse-assistive": "#cb292d89";
+        readonly "--semantic-feedback-destructive-alpha-inverse-subtle": "#cb292d5b";
+        readonly "--semantic-feedback-destructive-alpha-inverse-subtler": "#cb292d28";
+        readonly "--semantic-feedback-notifying-bold": "#ffb691";
+        readonly "--semantic-feedback-notifying-normal": "#fe761c";
+        readonly "--semantic-feedback-notifying-neutral": "#d95f00";
+        readonly "--semantic-feedback-notifying-alternative": "#b14c00";
+        readonly "--semantic-feedback-notifying-assistive": "#8b3a00";
+        readonly "--semantic-feedback-notifying-subtle": "#783100";
+        readonly "--semantic-feedback-notifying-subtler": "#4e1d00";
+        readonly "--semantic-feedback-notifying-inverse-bold": "#783100";
+        readonly "--semantic-feedback-notifying-inverse-normal": "#9e4300";
+        readonly "--semantic-feedback-notifying-inverse-neutral": "#c55500";
+        readonly "--semantic-feedback-notifying-inverse-alternative": "#ec690a";
+        readonly "--semantic-feedback-notifying-inverse-assistive": "#ff8d4c";
+        readonly "--semantic-feedback-notifying-inverse-subtle": "#ffb691";
+        readonly "--semantic-feedback-notifying-inverse-subtler": "#ffe2d6";
+        readonly "--semantic-feedback-notifying-alpha-assistive": "#ec690a89";
+        readonly "--semantic-feedback-notifying-alpha-subtle": "#ec690a5b";
+        readonly "--semantic-feedback-notifying-alpha-subtler": "#ec690a28";
+        readonly "--semantic-feedback-notifying-alpha-inverse-assistive": "#b14c0089";
+        readonly "--semantic-feedback-notifying-alpha-inverse-subtle": "#b14c005b";
+        readonly "--semantic-feedback-notifying-alpha-inverse-subtler": "#b14c0028";
+        readonly "--semantic-feedback-positive-alpha-subtlest": "#00a74b0c";
+        readonly "--semantic-feedback-positive-alpha-inverse-subtlest": "#007b350c";
+        readonly "--semantic-feedback-destructive-alpha-subtlest": "#ff54500c";
+        readonly "--semantic-feedback-destructive-alpha-inverse-subtlest": "#cb292d0c";
+        readonly "--semantic-feedback-notifying-alpha-subtlest": "#ec690a0c";
+        readonly "--semantic-feedback-notifying-alpha-inverse-subtlest": "#b14c000c";
+        readonly "--semantic-fill-bolder": "#e7e7f3";
+        readonly "--semantic-fill-normal": "#9c9da8";
+        readonly "--semantic-fill-inverse-bolder": "#292c35";
+        readonly "--semantic-fill-inverse-normal": "#5c5e68";
+        readonly "--semantic-object-bolder": "#e7e7f3";
+        readonly "--semantic-object-normal": "#9c9da8";
+        readonly "--semantic-object-subtler": "#e2f0f814";
+        readonly "--semantic-object-subtlest": "#dfe1eb05";
+        readonly "--semantic-object-inverse-bolder": "#292c35";
+        readonly "--semantic-object-inverse-normal": "#5c5e68";
+        readonly "--semantic-object-inverse-subtler": "#0e0e8519";
+        readonly "--semantic-object-inverse-subtlest": "#5614ff07";
+        readonly "--semantic-object-static-bolder": "#292c35";
+        readonly "--semantic-object-static-normal": "#5c5e68";
+        readonly "--semantic-object-static-subtler": "#0e0e8519";
+        readonly "--semantic-object-static-subtlest": "#5614ff07";
+        readonly "--semantic-object-static-inverse-bolder": "#e7e7f3";
+        readonly "--semantic-object-static-inverse-normal": "#9c9da8";
+        readonly "--semantic-object-static-inverse-subtler": "#e2f0f814";
+        readonly "--semantic-object-static-inverse-subtlest": "#dfe1eb05";
+        readonly "--semantic-surface-static-shallowest": "#ffffff";
+        readonly "--semantic-surface-static-shallower": "#ffffff";
+        readonly "--semantic-surface-static-shallow": "#ffffff";
+        readonly "--semantic-surface-static-standard": "#ffffff";
+        readonly "--semantic-surface-static-deep": "#faf8ff";
+        readonly "--semantic-surface-static-deeper": "#f2f3ff";
+        readonly "--semantic-surface-static-deepest": "#ecedf9";
+        readonly "--semantic-surface-static-inverse-shallowest": "#393b44";
+        readonly "--semantic-surface-static-inverse-shallower": "#292c35";
+        readonly "--semantic-surface-static-inverse-shallow": "#21232c";
+        readonly "--semantic-surface-static-inverse-standard": "#191b24";
+        readonly "--semantic-surface-static-inverse-deep": "#1d1f28";
+        readonly "--semantic-surface-static-inverse-deeper": "#21232c";
+        readonly "--semantic-surface-static-inverse-deepest": "#252830";
+        readonly "--semantic-accent-alpha-inverse-assistive": "#3b5aef89";
+        readonly "--semantic-theme-red-alpha-subtlest": "#ff54500c";
+        readonly "--semantic-theme-red-bolder": "#ffe2df";
+        readonly "--semantic-theme-orange-bolder": "#ffe2d6";
+        readonly "--semantic-theme-orange-alpha-subtlest": "#ec690a0c";
+        readonly "--semantic-theme-amber-bolder": "#ffe4c7";
+        readonly "--semantic-theme-amber-alpha-subtlest": "#c981000c";
+        readonly "--semantic-theme-yellow-bolder": "#ffe5b2";
+        readonly "--semantic-theme-yellow-alpha-subtlest": "#b68a000c";
+        readonly "--semantic-theme-lime-bolder": "#b2fe4a";
+        readonly "--semantic-theme-lime-alpha-subtlest": "#67a0000c";
+        readonly "--semantic-theme-green-bolder": "#95ffa6";
+        readonly "--semantic-theme-green-alpha-subtlest": "#00a74b0c";
+        readonly "--semantic-theme-emerald-bolder": "#86ffc7";
+        readonly "--semantic-theme-emerald-alpha-subtlest": "#00a5720c";
+        readonly "--semantic-theme-teal-bolder": "#76feea";
+        readonly "--semantic-theme-teal-alpha-subtlest": "#00a3930c";
+        readonly "--semantic-theme-cyan-alpha-subtlest": "#009eb90c";
+        readonly "--semantic-theme-cyan-bolder": "#bef0ff";
+        readonly "--semantic-theme-sky-alpha-subtlest": "#009adb0c";
+        readonly "--semantic-theme-sky-bolder": "#d4ebff";
+        readonly "--semantic-theme-blue-bolder": "#e0e8ff";
+        readonly "--semantic-theme-blue-alpha-subtlest": "#4c8eff0c";
+        readonly "--semantic-theme-violet-bolder": "#eee4ff";
+        readonly "--semantic-theme-violet-alpha-subtlest": "#a078ff0c";
+        readonly "--semantic-theme-purple-alpha-subtlest": "#b76cff0c";
+        readonly "--semantic-theme-purple-bolder": "#f4e2ff";
+        readonly "--semantic-theme-fuchsia-alpha-subtlest": "#e14ef80c";
+        readonly "--semantic-theme-fuchsia-bolder": "#ffdefc";
+        readonly "--semantic-theme-pink-bolder": "#ffe0e9";
+        readonly "--semantic-theme-pink-alpha-subtlest": "#f651a10c";
+        readonly "--semantic-theme-rose-bolder": "#ffe1e2";
+        readonly "--semantic-theme-rose-alpha-subtlest": "#ff506b0c";
+        readonly "--semantic-feedback-destructive-bolder": "#ffe2df";
+        readonly "--semantic-feedback-destructive-inverse-bolder": "#600008";
+        readonly "--semantic-feedback-positive-bolder": "#95ffa6";
+        readonly "--semantic-feedback-positive-inverse-bolder": "#003412";
+        readonly "--semantic-feedback-notifying-bolder": "#ffe2d6";
+        readonly "--semantic-feedback-notifying-inverse-bolder": "#4e1d00";
+        readonly "--semantic-interaction-subtle": "#444650";
+        readonly "--semantic-interaction-inverse-subtle": "#b7b8c3";
+        readonly "--semantic-stroke-subtler": "#252830";
+        readonly "--semantic-stroke-inverse-subtler": "#ecedf9";
+        readonly "--semantic-stroke-alpha-subtler": "#e1f3ec0f";
+        readonly "--semantic-stroke-alpha-inverse-subtler": "#111cb414";
+        readonly "--semantic-accent-subtlest": "#001463";
+        readonly "--semantic-accent-inverse-subtlest": "#fbf8ff";
+    };
+    readonly "@media (min-width: 768px) and (max-width: 1199px)": {
+        readonly ":root": {
+            readonly "--semantic-spacing-1": "1px";
+            readonly "--semantic-spacing-2": "2px";
+            readonly "--semantic-spacing-4": "4px";
+            readonly "--semantic-spacing-6": "6px";
+            readonly "--semantic-spacing-8": "8px";
+            readonly "--semantic-spacing-10": "10px";
+            readonly "--semantic-spacing-12": "12px";
+            readonly "--semantic-spacing-16": "16px";
+            readonly "--semantic-spacing-20": "20px";
+            readonly "--semantic-spacing-24": "24px";
+            readonly "--semantic-spacing-32": "32px";
+            readonly "--semantic-spacing-40": "40px";
+            readonly "--semantic-spacing-48": "48px";
+            readonly "--semantic-spacing-56": "56px";
+            readonly "--semantic-radius-4": "4px";
+            readonly "--semantic-radius-8": "8px";
+            readonly "--semantic-radius-10": "10px";
+            readonly "--semantic-radius-16": "16px";
+            readonly "--semantic-radius-24": "24px";
+            readonly "--semantic-radius-max": "9999px";
+            readonly "--semantic-stroke-weight-1": "1px";
+            readonly "--semantic-stroke-weight-2": "2px";
+            readonly "--semantic-stroke-weight-4": "4px";
+            readonly "--semantic-stroke-weight-6": "6px";
+            readonly "--semantic-opacity-0": "0";
+            readonly "--semantic-opacity-5": "5";
+            readonly "--semantic-opacity-8": "8";
+            readonly "--semantic-opacity-12": "12";
+            readonly "--semantic-opacity-16": "16";
+            readonly "--semantic-opacity-23": "23";
+            readonly "--semantic-opacity-29": "29";
+            readonly "--semantic-opacity-36": "36";
+            readonly "--semantic-opacity-44": "44";
+            readonly "--semantic-opacity-54": "54";
+            readonly "--semantic-opacity-63": "63";
+            readonly "--semantic-opacity-76": "76";
+            readonly "--semantic-opacity-100": "100";
+            readonly "--semantic-radius-6": "6px";
+            readonly "--semantic-spacing-0": "0px";
+            readonly "--semantic-radius-2": "2px";
+            readonly "--semantic-opacity-91": "91";
+            readonly "--semantic-breakpoint-min": "768";
+            readonly "--semantic-breakpoint-max": "1199";
+            readonly "--semantic-margin-lg": "24px";
+            readonly "--semantic-margin-md": "20px";
+            readonly "--semantic-radius-12": "12px";
+            readonly "--semantic-radius-0": "0px";
+            readonly "--semantic-margin-sm": "16px";
+            readonly "--semantic-margin-xl": "28px";
+            readonly "--semantic-spacing-64": "64px";
+            readonly "--semantic-spacing-72": "72px";
+            readonly "--semantic-margin-2xl": "32px";
+            readonly "--primitive-unit-16": "16";
+            readonly "--primitive-unit-20": "20";
+            readonly "--primitive-unit-12": "12";
+            readonly "--primitive-unit-72": "72";
+            readonly "--primitive-unit-6": "6";
+            readonly "--primitive-unit-144": "144";
+            readonly "--primitive-unit-112": "112";
+            readonly "--primitive-unit-96": "96";
+            readonly "--primitive-unit-128": "128";
+            readonly "--primitive-unit-2": "2";
+            readonly "--primitive-unit-4": "4";
+            readonly "--primitive-unit-80": "80";
+            readonly "--primitive-unit-64": "64";
+            readonly "--primitive-unit-56": "56";
+            readonly "--primitive-unit-48": "48";
+            readonly "--primitive-unit-24": "24";
+            readonly "--primitive-unit-40": "40";
+            readonly "--primitive-unit-10": "10";
+            readonly "--primitive-unit-32": "32";
+            readonly "--primitive-unit-1": "1";
+            readonly "--primitive-unit-8": "8";
+            readonly "--primitive-unit-28": "28";
+            readonly "--primitive-unit-0": "0";
+            readonly "--semantic-spacing-80": "80px";
+            readonly "--semantic-spacing-96": "96px";
+            readonly "--semantic-spacing-112": "112px";
+            readonly "--semantic-spacing-128": "128px";
+            readonly "--semantic-spacing-144": "144px";
+            readonly "--semantic-margin-3xl": "40px";
+            readonly "--semantic-margin-5xl": "60px";
+            readonly "--semantic-margin-xs": "12px";
+            readonly "--primitive-unit-3": "3";
+            readonly "--semantic-spacing-3": "3px";
+            readonly "--semantic-stroke-weight-3": "3px";
+            readonly "--semantic-margin-2xs": "8px";
+            readonly "--semantic-spacing-28": "28px";
+            readonly "--semantic-position-24": "24";
+            readonly "--semantic-position-16": "16";
+            readonly "--semantic-position-8": "8";
+            readonly "--semantic-position-4": "4";
+            readonly "--semantic-position-0": "0";
+            readonly "--semantic-position-6": "6";
+            readonly "--semantic-position-2": "2";
+            readonly "--semantic-position-1": "1";
+            readonly "--semantic-position-3": "3";
+            readonly "--semantic-position-12": "12";
+            readonly "--primitive-unit-5": "5";
+            readonly "--semantic-stroke-weight-5": "5px";
+            readonly "--primitive-typeface-hero": "Pretendard Variable";
+            readonly "--primitive-typeface-syntax": "D2Coding";
+            readonly "--primitive-font-size-hero-4": "64px";
+            readonly "--primitive-font-size-hero-3": "56px";
+            readonly "--primitive-font-size-hero-2": "48px";
+            readonly "--primitive-font-size-hero-1": "40px";
+            readonly "--primitive-font-size-title-3": "28px";
+            readonly "--primitive-font-size-title-2": "24px";
+            readonly "--primitive-font-size-title-1": "20px";
+            readonly "--primitive-font-size-title-4": "32px";
+            readonly "--primitive-font-size-body-lg": "17px";
+            readonly "--primitive-font-size-body-md": "16px";
+            readonly "--primitive-font-size-body-sm": "15px";
+            readonly "--primitive-font-size-body-xs": "14px";
+            readonly "--primitive-font-size-body-2xs": "13px";
+            readonly "--primitive-font-size-label-lg": "16px";
+            readonly "--primitive-font-size-label-md": "15px";
+            readonly "--primitive-font-size-label-sm": "13px";
+            readonly "--primitive-font-line-height-hero-4": "80px";
+            readonly "--primitive-font-line-height-hero-3": "70px";
+            readonly "--primitive-font-line-height-hero-2": "60px";
+            readonly "--primitive-font-line-height-hero-1": "50px";
+            readonly "--primitive-font-line-height-title-4": "41.599998474121094px";
+            readonly "--primitive-font-line-height-title-3": "36.400001525878906px";
+            readonly "--primitive-font-line-height-title-2": "31.200000762939453px";
+            readonly "--primitive-font-line-height-title-1": "26px";
+            readonly "--primitive-font-line-height-label-lg": "24px";
+            readonly "--primitive-font-line-height-label-md": "22.5px";
+            readonly "--primitive-font-line-height-label-sm": "19.5px";
+            readonly "--primitive-font-line-height-body-lg": "27.200000762939453px";
+            readonly "--primitive-font-line-height-body-md": "25.600000381469727px";
+            readonly "--primitive-font-line-height-body-sm": "24px";
+            readonly "--primitive-font-line-height-body-xs": "22.399999618530273px";
+            readonly "--primitive-font-line-height-body-2xs": "20.799999237060547px";
+            readonly "--primitive-font-letter-spacing-hero-4": "-1.9800000190734863px";
+            readonly "--primitive-font-letter-spacing-hero-3": "-1.5700000524520874px";
+            readonly "--primitive-font-letter-spacing-hero-2": "-1.2000000476837158px";
+            readonly "--primitive-font-letter-spacing-hero-1": "-0.8799999952316284px";
+            readonly "--primitive-font-letter-spacing-title-4": "-0.6399999856948853px";
+            readonly "--primitive-font-letter-spacing-title-3": "-0.47999998927116394px";
+            readonly "--primitive-font-letter-spacing-title-2": "-0.3400000035762787px";
+            readonly "--primitive-font-letter-spacing-title-1": "-0.2199999988079071px";
+            readonly "--primitive-font-letter-spacing-label-lg": "-0.1599999964237213px";
+            readonly "--primitive-font-letter-spacing-label-md": "-0.11999999731779099px";
+            readonly "--primitive-font-letter-spacing-label-sm": "-0.07999999821186066px";
+            readonly "--primitive-font-letter-spacing-body-lg": "0.017000000923871994px";
+            readonly "--primitive-font-letter-spacing-body-md": "0.04500000178813934px";
+            readonly "--primitive-font-letter-spacing-body-sm": "0.05999999865889549px";
+            readonly "--primitive-font-letter-spacing-body-xs": "0.07000000029802322px";
+            readonly "--primitive-font-letter-spacing-body-2xs": "0.07999999821186066px";
+            readonly "--primitive-font-weight-hero-normal": "630";
+            readonly "--primitive-font-weight-title-normal": "550";
+            readonly "--primitive-font-weight-label-normal": "450";
+            readonly "--primitive-font-weight-body-normal": "400";
+            readonly "--primitive-font-weight-hero-bold": "670";
+            readonly "--primitive-font-weight-title-bold": "600";
+            readonly "--primitive-font-weight-label-bold": "500";
+            readonly "--primitive-font-weight-label-subtle": "400";
+            readonly "--primitive-font-weight-body-bold": "430";
+            readonly "--primitive-font-size-syntax-lg": "16px";
+            readonly "--primitive-font-size-syntax-md": "15px";
+            readonly "--primitive-font-size-syntax-sm": "13px";
+            readonly "--primitive-font-weight-syntax-normal": "400";
+            readonly "--primitive-font-line-height-syntax-lg": "27.200000762939453px";
+            readonly "--primitive-font-line-height-syntax-md": "25.5px";
+            readonly "--primitive-font-line-height-syntax-sm": "22.100000381469727px";
+            readonly "--primitive-typeface-title": "Pretendard Variable";
+            readonly "--primitive-typeface-label": "Pretendard Variable";
+            readonly "--primitive-typeface-body": "Pretendard Variable";
+            readonly "--primitive-font-size-label-xs": "12px";
+            readonly "--primitive-font-line-height-label-xs": "18px";
+            readonly "--primitive-font-letter-spacing-label-xs": "-0.05000000074505806px";
+            readonly "--primitive-font-size-syntax-xs": "12px";
+            readonly "--primitive-font-line-height-syntax-xs": "20.399999618530273px";
+        };
+    };
+    readonly "@media (min-width: 320px) and (max-width: 767px)": {
+        readonly ":root": {
+            readonly "--semantic-spacing-1": "1px";
+            readonly "--semantic-spacing-2": "2px";
+            readonly "--semantic-spacing-4": "4px";
+            readonly "--semantic-spacing-6": "6px";
+            readonly "--semantic-spacing-8": "8px";
+            readonly "--semantic-spacing-10": "10px";
+            readonly "--semantic-spacing-12": "12px";
+            readonly "--semantic-spacing-16": "16px";
+            readonly "--semantic-spacing-20": "20px";
+            readonly "--semantic-spacing-24": "24px";
+            readonly "--semantic-spacing-32": "32px";
+            readonly "--semantic-spacing-40": "40px";
+            readonly "--semantic-spacing-48": "48px";
+            readonly "--semantic-spacing-56": "56px";
+            readonly "--semantic-radius-4": "4px";
+            readonly "--semantic-radius-8": "8px";
+            readonly "--semantic-radius-10": "10px";
+            readonly "--semantic-radius-16": "16px";
+            readonly "--semantic-radius-24": "24px";
+            readonly "--semantic-radius-max": "9999px";
+            readonly "--semantic-stroke-weight-1": "1px";
+            readonly "--semantic-stroke-weight-2": "2px";
+            readonly "--semantic-stroke-weight-4": "4px";
+            readonly "--semantic-stroke-weight-6": "6px";
+            readonly "--semantic-opacity-0": "0";
+            readonly "--semantic-opacity-5": "5";
+            readonly "--semantic-opacity-8": "8";
+            readonly "--semantic-opacity-12": "12";
+            readonly "--semantic-opacity-16": "16";
+            readonly "--semantic-opacity-23": "23";
+            readonly "--semantic-opacity-29": "29";
+            readonly "--semantic-opacity-36": "36";
+            readonly "--semantic-opacity-44": "44";
+            readonly "--semantic-opacity-54": "54";
+            readonly "--semantic-opacity-63": "63";
+            readonly "--semantic-opacity-76": "76";
+            readonly "--semantic-opacity-100": "100";
+            readonly "--semantic-radius-6": "6px";
+            readonly "--semantic-spacing-0": "0px";
+            readonly "--semantic-radius-2": "2px";
+            readonly "--semantic-opacity-91": "91";
+            readonly "--semantic-breakpoint-min": "320";
+            readonly "--semantic-breakpoint-max": "767";
+            readonly "--semantic-margin-lg": "20px";
+            readonly "--semantic-margin-md": "16px";
+            readonly "--semantic-radius-12": "12px";
+            readonly "--semantic-radius-0": "0px";
+            readonly "--semantic-margin-sm": "12px";
+            readonly "--semantic-margin-xl": "24px";
+            readonly "--semantic-spacing-64": "64px";
+            readonly "--semantic-spacing-72": "72px";
+            readonly "--semantic-margin-2xl": "28px";
+            readonly "--primitive-unit-16": "16";
+            readonly "--primitive-unit-20": "20";
+            readonly "--primitive-unit-12": "12";
+            readonly "--primitive-unit-72": "72";
+            readonly "--primitive-unit-6": "6";
+            readonly "--primitive-unit-144": "144";
+            readonly "--primitive-unit-112": "112";
+            readonly "--primitive-unit-96": "96";
+            readonly "--primitive-unit-128": "128";
+            readonly "--primitive-unit-2": "2";
+            readonly "--primitive-unit-4": "4";
+            readonly "--primitive-unit-80": "80";
+            readonly "--primitive-unit-64": "64";
+            readonly "--primitive-unit-56": "56";
+            readonly "--primitive-unit-48": "48";
+            readonly "--primitive-unit-24": "24";
+            readonly "--primitive-unit-40": "40";
+            readonly "--primitive-unit-10": "10";
+            readonly "--primitive-unit-32": "32";
+            readonly "--primitive-unit-1": "1";
+            readonly "--primitive-unit-8": "8";
+            readonly "--primitive-unit-28": "28";
+            readonly "--primitive-unit-0": "0";
+            readonly "--semantic-spacing-80": "80px";
+            readonly "--semantic-spacing-96": "96px";
+            readonly "--semantic-spacing-112": "112px";
+            readonly "--semantic-spacing-128": "128px";
+            readonly "--semantic-spacing-144": "144px";
+            readonly "--semantic-margin-3xl": "32px";
+            readonly "--semantic-margin-5xl": "48px";
+            readonly "--semantic-margin-xs": "8px";
+            readonly "--primitive-unit-3": "3";
+            readonly "--semantic-spacing-3": "3px";
+            readonly "--semantic-stroke-weight-3": "3px";
+            readonly "--semantic-margin-2xs": "4px";
+            readonly "--semantic-spacing-28": "28px";
+            readonly "--semantic-position-24": "24";
+            readonly "--semantic-position-16": "16";
+            readonly "--semantic-position-8": "8";
+            readonly "--semantic-position-4": "4";
+            readonly "--semantic-position-0": "0";
+            readonly "--semantic-position-6": "6";
+            readonly "--semantic-position-2": "2";
+            readonly "--semantic-position-1": "1";
+            readonly "--semantic-position-3": "3";
+            readonly "--semantic-position-12": "12";
+            readonly "--primitive-unit-5": "5";
+            readonly "--semantic-stroke-weight-5": "5px";
+            readonly "--primitive-typeface-hero": "Pretendard Variable";
+            readonly "--primitive-typeface-syntax": "D2Coding";
+            readonly "--primitive-font-size-hero-4": "56px";
+            readonly "--primitive-font-size-hero-3": "48px";
+            readonly "--primitive-font-size-hero-2": "40px";
+            readonly "--primitive-font-size-hero-1": "32px";
+            readonly "--primitive-font-size-title-3": "24px";
+            readonly "--primitive-font-size-title-2": "20px";
+            readonly "--primitive-font-size-title-1": "17px";
+            readonly "--primitive-font-size-title-4": "28px";
+            readonly "--primitive-font-size-body-lg": "16px";
+            readonly "--primitive-font-size-body-md": "15px";
+            readonly "--primitive-font-size-body-sm": "14px";
+            readonly "--primitive-font-size-body-xs": "13px";
+            readonly "--primitive-font-size-body-2xs": "12px";
+            readonly "--primitive-font-size-label-lg": "15px";
+            readonly "--primitive-font-size-label-md": "14px";
+            readonly "--primitive-font-size-label-sm": "12px";
+            readonly "--primitive-font-line-height-hero-4": "70px";
+            readonly "--primitive-font-line-height-hero-3": "60px";
+            readonly "--primitive-font-line-height-hero-2": "50px";
+            readonly "--primitive-font-line-height-hero-1": "40px";
+            readonly "--primitive-font-line-height-title-4": "36.400001525878906px";
+            readonly "--primitive-font-line-height-title-3": "31.200000762939453px";
+            readonly "--primitive-font-line-height-title-2": "26px";
+            readonly "--primitive-font-line-height-title-1": "22.100000381469727px";
+            readonly "--primitive-font-line-height-label-lg": "22.5px";
+            readonly "--primitive-font-line-height-label-md": "21px";
+            readonly "--primitive-font-line-height-label-sm": "18px";
+            readonly "--primitive-font-line-height-body-lg": "25.600000381469727px";
+            readonly "--primitive-font-line-height-body-md": "24px";
+            readonly "--primitive-font-line-height-body-sm": "22.399999618530273px";
+            readonly "--primitive-font-line-height-body-xs": "20.799999237060547px";
+            readonly "--primitive-font-line-height-body-2xs": "19.200000762939453px";
+            readonly "--primitive-font-letter-spacing-hero-4": "-1.7400000095367432px";
+            readonly "--primitive-font-letter-spacing-hero-3": "-1.340000033378601px";
+            readonly "--primitive-font-letter-spacing-hero-2": "-1px";
+            readonly "--primitive-font-letter-spacing-hero-1": "-0.699999988079071px";
+            readonly "--primitive-font-letter-spacing-title-4": "-0.5600000023841858px";
+            readonly "--primitive-font-letter-spacing-title-3": "-0.4099999964237213px";
+            readonly "--primitive-font-letter-spacing-title-2": "-0.2800000011920929px";
+            readonly "--primitive-font-letter-spacing-title-1": "-0.1899999976158142px";
+            readonly "--primitive-font-letter-spacing-label-lg": "-0.15000000596046448px";
+            readonly "--primitive-font-letter-spacing-label-md": "-0.10999999940395355px";
+            readonly "--primitive-font-letter-spacing-label-sm": "-0.07000000029802322px";
+            readonly "--primitive-font-letter-spacing-body-lg": "0.017000000923871994px";
+            readonly "--primitive-font-letter-spacing-body-md": "0.04500000178813934px";
+            readonly "--primitive-font-letter-spacing-body-sm": "0.05999999865889549px";
+            readonly "--primitive-font-letter-spacing-body-xs": "0.07000000029802322px";
+            readonly "--primitive-font-letter-spacing-body-2xs": "0.07000000029802322px";
+            readonly "--primitive-font-weight-hero-normal": "600";
+            readonly "--primitive-font-weight-title-normal": "530";
+            readonly "--primitive-font-weight-label-normal": "450";
+            readonly "--primitive-font-weight-body-normal": "400";
+            readonly "--primitive-font-weight-hero-bold": "640";
+            readonly "--primitive-font-weight-title-bold": "580";
+            readonly "--primitive-font-weight-label-bold": "500";
+            readonly "--primitive-font-weight-label-subtle": "400";
+            readonly "--primitive-font-weight-body-bold": "430";
+            readonly "--primitive-font-size-syntax-lg": "16px";
+            readonly "--primitive-font-size-syntax-md": "15px";
+            readonly "--primitive-font-size-syntax-sm": "13px";
+            readonly "--primitive-font-weight-syntax-normal": "400";
+            readonly "--primitive-font-line-height-syntax-lg": "27.200000762939453px";
+            readonly "--primitive-font-line-height-syntax-md": "25.5px";
+            readonly "--primitive-font-line-height-syntax-sm": "22.100000381469727px";
+            readonly "--primitive-typeface-title": "Pretendard Variable";
+            readonly "--primitive-typeface-label": "Pretendard Variable";
+            readonly "--primitive-typeface-body": "Pretendard Variable";
+            readonly "--primitive-font-size-label-xs": "11px";
+            readonly "--primitive-font-line-height-label-xs": "16.5px";
+            readonly "--primitive-font-letter-spacing-label-xs": "-0.03999999910593033px";
+            readonly "--primitive-font-size-syntax-xs": "12px";
+            readonly "--primitive-font-line-height-syntax-xs": "20.399999618530273px";
+        };
+    };
+};
+
+declare const theme: {
+    readonly colorPrimitive: {
+        readonly primitive: {
+            readonly flow: {
+                readonly "20": "var(--primitive-flow-20)";
+                readonly "40": "var(--primitive-flow-40)";
+                readonly "60": "var(--primitive-flow-60)";
+                readonly "80": "var(--primitive-flow-80)";
+                readonly "100": "var(--primitive-flow-100)";
+                readonly "150": "var(--primitive-flow-150)";
+                readonly "200": "var(--primitive-flow-200)";
+                readonly "250": "var(--primitive-flow-250)";
+                readonly "300": "var(--primitive-flow-300)";
+                readonly "350": "var(--primitive-flow-350)";
+                readonly "400": "var(--primitive-flow-400)";
+                readonly "450": "var(--primitive-flow-450)";
+                readonly "500": "var(--primitive-flow-500)";
+                readonly "550": "var(--primitive-flow-550)";
+                readonly "600": "var(--primitive-flow-600)";
+                readonly "650": "var(--primitive-flow-650)";
+                readonly "700": "var(--primitive-flow-700)";
+                readonly "750": "var(--primitive-flow-750)";
+                readonly "800": "var(--primitive-flow-800)";
+                readonly "820": "var(--primitive-flow-820)";
+                readonly "840": "var(--primitive-flow-840)";
+                readonly "860": "var(--primitive-flow-860)";
+                readonly "880": "var(--primitive-flow-880)";
+                readonly "900": "var(--primitive-flow-900)";
+                readonly dark: {
+                    readonly alpha: {
+                        readonly "20": "var(--primitive-flow-dark-alpha-20)";
+                        readonly "40": "var(--primitive-flow-dark-alpha-40)";
+                        readonly "60": "var(--primitive-flow-dark-alpha-60)";
+                        readonly "80": "var(--primitive-flow-dark-alpha-80)";
+                        readonly "100": "var(--primitive-flow-dark-alpha-100)";
+                        readonly "150": "var(--primitive-flow-dark-alpha-150)";
+                        readonly "200": "var(--primitive-flow-dark-alpha-200)";
+                        readonly "250": "var(--primitive-flow-dark-alpha-250)";
+                        readonly "300": "var(--primitive-flow-dark-alpha-300)";
+                        readonly "350": "var(--primitive-flow-dark-alpha-350)";
+                        readonly "400": "var(--primitive-flow-dark-alpha-400)";
+                        readonly "450": "var(--primitive-flow-dark-alpha-450)";
+                        readonly "500": "var(--primitive-flow-dark-alpha-500)";
+                        readonly "550": "var(--primitive-flow-dark-alpha-550)";
+                        readonly "600": "var(--primitive-flow-dark-alpha-600)";
+                        readonly "650": "var(--primitive-flow-dark-alpha-650)";
+                        readonly "700": "var(--primitive-flow-dark-alpha-700)";
+                        readonly "750": "var(--primitive-flow-dark-alpha-750)";
+                        readonly "800": "var(--primitive-flow-dark-alpha-800)";
+                        readonly "820": "var(--primitive-flow-dark-alpha-820)";
+                        readonly "840": "var(--primitive-flow-dark-alpha-840)";
+                        readonly "860": "var(--primitive-flow-dark-alpha-860)";
+                        readonly "880": "var(--primitive-flow-dark-alpha-880)";
+                        readonly "900": "var(--primitive-flow-dark-alpha-900)";
+                    };
+                };
+                readonly light: {
+                    readonly alpha: {
+                        readonly "20": "var(--primitive-flow-light-alpha-20)";
+                        readonly "40": "var(--primitive-flow-light-alpha-40)";
+                        readonly "60": "var(--primitive-flow-light-alpha-60)";
+                        readonly "80": "var(--primitive-flow-light-alpha-80)";
+                        readonly "100": "var(--primitive-flow-light-alpha-100)";
+                        readonly "150": "var(--primitive-flow-light-alpha-150)";
+                        readonly "200": "var(--primitive-flow-light-alpha-200)";
+                        readonly "250": "var(--primitive-flow-light-alpha-250)";
+                        readonly "300": "var(--primitive-flow-light-alpha-300)";
+                        readonly "350": "var(--primitive-flow-light-alpha-350)";
+                        readonly "400": "var(--primitive-flow-light-alpha-400)";
+                        readonly "450": "var(--primitive-flow-light-alpha-450)";
+                        readonly "500": "var(--primitive-flow-light-alpha-500)";
+                        readonly "550": "var(--primitive-flow-light-alpha-550)";
+                        readonly "600": "var(--primitive-flow-light-alpha-600)";
+                        readonly "650": "var(--primitive-flow-light-alpha-650)";
+                        readonly "700": "var(--primitive-flow-light-alpha-700)";
+                        readonly "750": "var(--primitive-flow-light-alpha-750)";
+                        readonly "800": "var(--primitive-flow-light-alpha-800)";
+                        readonly "820": "var(--primitive-flow-light-alpha-820)";
+                        readonly "840": "var(--primitive-flow-light-alpha-840)";
+                        readonly "860": "var(--primitive-flow-light-alpha-860)";
+                        readonly "880": "var(--primitive-flow-light-alpha-880)";
+                        readonly "900": "var(--primitive-flow-light-alpha-900)";
+                    };
+                };
+            };
+            readonly red: {
+                readonly "20": "var(--primitive-red-20)";
+                readonly "40": "var(--primitive-red-40)";
+                readonly "60": "var(--primitive-red-60)";
+                readonly "80": "var(--primitive-red-80)";
+                readonly "100": "var(--primitive-red-100)";
+                readonly "150": "var(--primitive-red-150)";
+                readonly "200": "var(--primitive-red-200)";
+                readonly "250": "var(--primitive-red-250)";
+                readonly "300": "var(--primitive-red-300)";
+                readonly "350": "var(--primitive-red-350)";
+                readonly "400": "var(--primitive-red-400)";
+                readonly "450": "var(--primitive-red-450)";
+                readonly "500": "var(--primitive-red-500)";
+                readonly "550": "var(--primitive-red-550)";
+                readonly "600": "var(--primitive-red-600)";
+                readonly "650": "var(--primitive-red-650)";
+                readonly "700": "var(--primitive-red-700)";
+                readonly "750": "var(--primitive-red-750)";
+                readonly "800": "var(--primitive-red-800)";
+                readonly "820": "var(--primitive-red-820)";
+                readonly "840": "var(--primitive-red-840)";
+                readonly "860": "var(--primitive-red-860)";
+                readonly "880": "var(--primitive-red-880)";
+                readonly "900": "var(--primitive-red-900)";
+            };
+            readonly shade: {
+                readonly "2": "var(--primitive-shade-2)";
+                readonly "4": "var(--primitive-shade-4)";
+                readonly "6": "var(--primitive-shade-6)";
+                readonly "8": "var(--primitive-shade-8)";
+                readonly "12": "var(--primitive-shade-12)";
+                readonly "16": "var(--primitive-shade-16)";
+            };
+            readonly base: {
+                readonly "0": "var(--primitive-base-0)";
+                readonly "1000": "var(--primitive-base-1000)";
+            };
+            readonly orange: {
+                readonly "20": "var(--primitive-orange-20)";
+                readonly "40": "var(--primitive-orange-40)";
+                readonly "60": "var(--primitive-orange-60)";
+                readonly "80": "var(--primitive-orange-80)";
+                readonly "100": "var(--primitive-orange-100)";
+                readonly "150": "var(--primitive-orange-150)";
+                readonly "200": "var(--primitive-orange-200)";
+                readonly "250": "var(--primitive-orange-250)";
+                readonly "300": "var(--primitive-orange-300)";
+                readonly "350": "var(--primitive-orange-350)";
+                readonly "400": "var(--primitive-orange-400)";
+                readonly "450": "var(--primitive-orange-450)";
+                readonly "500": "var(--primitive-orange-500)";
+                readonly "550": "var(--primitive-orange-550)";
+                readonly "600": "var(--primitive-orange-600)";
+                readonly "650": "var(--primitive-orange-650)";
+                readonly "700": "var(--primitive-orange-700)";
+                readonly "750": "var(--primitive-orange-750)";
+                readonly "800": "var(--primitive-orange-800)";
+                readonly "820": "var(--primitive-orange-820)";
+                readonly "840": "var(--primitive-orange-840)";
+                readonly "860": "var(--primitive-orange-860)";
+                readonly "880": "var(--primitive-orange-880)";
+                readonly "900": "var(--primitive-orange-900)";
+            };
+            readonly yellow: {
+                readonly "20": "var(--primitive-yellow-20)";
+                readonly "40": "var(--primitive-yellow-40)";
+                readonly "60": "var(--primitive-yellow-60)";
+                readonly "80": "var(--primitive-yellow-80)";
+                readonly "100": "var(--primitive-yellow-100)";
+                readonly "150": "var(--primitive-yellow-150)";
+                readonly "200": "var(--primitive-yellow-200)";
+                readonly "250": "var(--primitive-yellow-250)";
+                readonly "300": "var(--primitive-yellow-300)";
+                readonly "350": "var(--primitive-yellow-350)";
+                readonly "400": "var(--primitive-yellow-400)";
+                readonly "450": "var(--primitive-yellow-450)";
+                readonly "500": "var(--primitive-yellow-500)";
+                readonly "550": "var(--primitive-yellow-550)";
+                readonly "600": "var(--primitive-yellow-600)";
+                readonly "650": "var(--primitive-yellow-650)";
+                readonly "700": "var(--primitive-yellow-700)";
+                readonly "750": "var(--primitive-yellow-750)";
+                readonly "800": "var(--primitive-yellow-800)";
+                readonly "820": "var(--primitive-yellow-820)";
+                readonly "840": "var(--primitive-yellow-840)";
+                readonly "860": "var(--primitive-yellow-860)";
+                readonly "880": "var(--primitive-yellow-880)";
+                readonly "900": "var(--primitive-yellow-900)";
+            };
+            readonly lime: {
+                readonly "20": "var(--primitive-lime-20)";
+                readonly "40": "var(--primitive-lime-40)";
+                readonly "60": "var(--primitive-lime-60)";
+                readonly "80": "var(--primitive-lime-80)";
+                readonly "100": "var(--primitive-lime-100)";
+                readonly "150": "var(--primitive-lime-150)";
+                readonly "200": "var(--primitive-lime-200)";
+                readonly "250": "var(--primitive-lime-250)";
+                readonly "300": "var(--primitive-lime-300)";
+                readonly "350": "var(--primitive-lime-350)";
+                readonly "400": "var(--primitive-lime-400)";
+                readonly "450": "var(--primitive-lime-450)";
+                readonly "500": "var(--primitive-lime-500)";
+                readonly "550": "var(--primitive-lime-550)";
+                readonly "600": "var(--primitive-lime-600)";
+                readonly "650": "var(--primitive-lime-650)";
+                readonly "700": "var(--primitive-lime-700)";
+                readonly "750": "var(--primitive-lime-750)";
+                readonly "800": "var(--primitive-lime-800)";
+                readonly "820": "var(--primitive-lime-820)";
+                readonly "840": "var(--primitive-lime-840)";
+                readonly "860": "var(--primitive-lime-860)";
+                readonly "880": "var(--primitive-lime-880)";
+                readonly "900": "var(--primitive-lime-900)";
+            };
+            readonly green: {
+                readonly "20": "var(--primitive-green-20)";
+                readonly "40": "var(--primitive-green-40)";
+                readonly "60": "var(--primitive-green-60)";
+                readonly "80": "var(--primitive-green-80)";
+                readonly "100": "var(--primitive-green-100)";
+                readonly "150": "var(--primitive-green-150)";
+                readonly "200": "var(--primitive-green-200)";
+                readonly "250": "var(--primitive-green-250)";
+                readonly "300": "var(--primitive-green-300)";
+                readonly "350": "var(--primitive-green-350)";
+                readonly "400": "var(--primitive-green-400)";
+                readonly "450": "var(--primitive-green-450)";
+                readonly "500": "var(--primitive-green-500)";
+                readonly "550": "var(--primitive-green-550)";
+                readonly "600": "var(--primitive-green-600)";
+                readonly "650": "var(--primitive-green-650)";
+                readonly "700": "var(--primitive-green-700)";
+                readonly "750": "var(--primitive-green-750)";
+                readonly "800": "var(--primitive-green-800)";
+                readonly "820": "var(--primitive-green-820)";
+                readonly "840": "var(--primitive-green-840)";
+                readonly "860": "var(--primitive-green-860)";
+                readonly "880": "var(--primitive-green-880)";
+                readonly "900": "var(--primitive-green-900)";
+            };
+            readonly cyan: {
+                readonly "20": "var(--primitive-cyan-20)";
+                readonly "40": "var(--primitive-cyan-40)";
+                readonly "60": "var(--primitive-cyan-60)";
+                readonly "80": "var(--primitive-cyan-80)";
+                readonly "100": "var(--primitive-cyan-100)";
+                readonly "150": "var(--primitive-cyan-150)";
+                readonly "200": "var(--primitive-cyan-200)";
+                readonly "250": "var(--primitive-cyan-250)";
+                readonly "300": "var(--primitive-cyan-300)";
+                readonly "350": "var(--primitive-cyan-350)";
+                readonly "400": "var(--primitive-cyan-400)";
+                readonly "450": "var(--primitive-cyan-450)";
+                readonly "500": "var(--primitive-cyan-500)";
+                readonly "550": "var(--primitive-cyan-550)";
+                readonly "600": "var(--primitive-cyan-600)";
+                readonly "650": "var(--primitive-cyan-650)";
+                readonly "700": "var(--primitive-cyan-700)";
+                readonly "750": "var(--primitive-cyan-750)";
+                readonly "800": "var(--primitive-cyan-800)";
+                readonly "820": "var(--primitive-cyan-820)";
+                readonly "840": "var(--primitive-cyan-840)";
+                readonly "860": "var(--primitive-cyan-860)";
+                readonly "880": "var(--primitive-cyan-880)";
+                readonly "900": "var(--primitive-cyan-900)";
+            };
+            readonly sky: {
+                readonly "20": "var(--primitive-sky-20)";
+                readonly "40": "var(--primitive-sky-40)";
+                readonly "60": "var(--primitive-sky-60)";
+                readonly "80": "var(--primitive-sky-80)";
+                readonly "100": "var(--primitive-sky-100)";
+                readonly "150": "var(--primitive-sky-150)";
+                readonly "200": "var(--primitive-sky-200)";
+                readonly "250": "var(--primitive-sky-250)";
+                readonly "300": "var(--primitive-sky-300)";
+                readonly "350": "var(--primitive-sky-350)";
+                readonly "400": "var(--primitive-sky-400)";
+                readonly "450": "var(--primitive-sky-450)";
+                readonly "500": "var(--primitive-sky-500)";
+                readonly "550": "var(--primitive-sky-550)";
+                readonly "600": "var(--primitive-sky-600)";
+                readonly "650": "var(--primitive-sky-650)";
+                readonly "700": "var(--primitive-sky-700)";
+                readonly "750": "var(--primitive-sky-750)";
+                readonly "800": "var(--primitive-sky-800)";
+                readonly "820": "var(--primitive-sky-820)";
+                readonly "840": "var(--primitive-sky-840)";
+                readonly "860": "var(--primitive-sky-860)";
+                readonly "880": "var(--primitive-sky-880)";
+                readonly "900": "var(--primitive-sky-900)";
+            };
+            readonly blue: {
+                readonly "20": "var(--primitive-blue-20)";
+                readonly "40": "var(--primitive-blue-40)";
+                readonly "60": "var(--primitive-blue-60)";
+                readonly "80": "var(--primitive-blue-80)";
+                readonly "100": "var(--primitive-blue-100)";
+                readonly "150": "var(--primitive-blue-150)";
+                readonly "200": "var(--primitive-blue-200)";
+                readonly "250": "var(--primitive-blue-250)";
+                readonly "300": "var(--primitive-blue-300)";
+                readonly "350": "var(--primitive-blue-350)";
+                readonly "400": "var(--primitive-blue-400)";
+                readonly "450": "var(--primitive-blue-450)";
+                readonly "500": "var(--primitive-blue-500)";
+                readonly "550": "var(--primitive-blue-550)";
+                readonly "600": "var(--primitive-blue-600)";
+                readonly "650": "var(--primitive-blue-650)";
+                readonly "700": "var(--primitive-blue-700)";
+                readonly "750": "var(--primitive-blue-750)";
+                readonly "800": "var(--primitive-blue-800)";
+                readonly "820": "var(--primitive-blue-820)";
+                readonly "840": "var(--primitive-blue-840)";
+                readonly "860": "var(--primitive-blue-860)";
+                readonly "880": "var(--primitive-blue-880)";
+                readonly "900": "var(--primitive-blue-900)";
+            };
+            readonly cerulean: {
+                readonly blue: {
+                    readonly "20": "var(--primitive-cerulean-blue-20)";
+                    readonly "40": "var(--primitive-cerulean-blue-40)";
+                    readonly "60": "var(--primitive-cerulean-blue-60)";
+                    readonly "80": "var(--primitive-cerulean-blue-80)";
+                    readonly "100": "var(--primitive-cerulean-blue-100)";
+                    readonly "150": "var(--primitive-cerulean-blue-150)";
+                    readonly "200": "var(--primitive-cerulean-blue-200)";
+                    readonly "250": "var(--primitive-cerulean-blue-250)";
+                    readonly "300": "var(--primitive-cerulean-blue-300)";
+                    readonly "350": "var(--primitive-cerulean-blue-350)";
+                    readonly "400": "var(--primitive-cerulean-blue-400)";
+                    readonly "450": "var(--primitive-cerulean-blue-450)";
+                    readonly "500": "var(--primitive-cerulean-blue-500)";
+                    readonly "550": "var(--primitive-cerulean-blue-550)";
+                    readonly "600": "var(--primitive-cerulean-blue-600)";
+                    readonly "650": "var(--primitive-cerulean-blue-650)";
+                    readonly "700": "var(--primitive-cerulean-blue-700)";
+                    readonly "750": "var(--primitive-cerulean-blue-750)";
+                    readonly "800": "var(--primitive-cerulean-blue-800)";
+                    readonly "820": "var(--primitive-cerulean-blue-820)";
+                    readonly "840": "var(--primitive-cerulean-blue-840)";
+                    readonly "860": "var(--primitive-cerulean-blue-860)";
+                    readonly "880": "var(--primitive-cerulean-blue-880)";
+                    readonly "900": "var(--primitive-cerulean-blue-900)";
+                };
+            };
+            readonly violet: {
+                readonly "20": "var(--primitive-violet-20)";
+                readonly "40": "var(--primitive-violet-40)";
+                readonly "60": "var(--primitive-violet-60)";
+                readonly "80": "var(--primitive-violet-80)";
+                readonly "100": "var(--primitive-violet-100)";
+                readonly "150": "var(--primitive-violet-150)";
+                readonly "200": "var(--primitive-violet-200)";
+                readonly "250": "var(--primitive-violet-250)";
+                readonly "300": "var(--primitive-violet-300)";
+                readonly "350": "var(--primitive-violet-350)";
+                readonly "400": "var(--primitive-violet-400)";
+                readonly "450": "var(--primitive-violet-450)";
+                readonly "500": "var(--primitive-violet-500)";
+                readonly "550": "var(--primitive-violet-550)";
+                readonly "600": "var(--primitive-violet-600)";
+                readonly "650": "var(--primitive-violet-650)";
+                readonly "700": "var(--primitive-violet-700)";
+                readonly "750": "var(--primitive-violet-750)";
+                readonly "800": "var(--primitive-violet-800)";
+                readonly "820": "var(--primitive-violet-820)";
+                readonly "840": "var(--primitive-violet-840)";
+                readonly "860": "var(--primitive-violet-860)";
+                readonly "880": "var(--primitive-violet-880)";
+                readonly "900": "var(--primitive-violet-900)";
+            };
+            readonly purple: {
+                readonly "20": "var(--primitive-purple-20)";
+                readonly "40": "var(--primitive-purple-40)";
+                readonly "60": "var(--primitive-purple-60)";
+                readonly "80": "var(--primitive-purple-80)";
+                readonly "100": "var(--primitive-purple-100)";
+                readonly "150": "var(--primitive-purple-150)";
+                readonly "200": "var(--primitive-purple-200)";
+                readonly "250": "var(--primitive-purple-250)";
+                readonly "300": "var(--primitive-purple-300)";
+                readonly "350": "var(--primitive-purple-350)";
+                readonly "400": "var(--primitive-purple-400)";
+                readonly "450": "var(--primitive-purple-450)";
+                readonly "500": "var(--primitive-purple-500)";
+                readonly "550": "var(--primitive-purple-550)";
+                readonly "600": "var(--primitive-purple-600)";
+                readonly "650": "var(--primitive-purple-650)";
+                readonly "700": "var(--primitive-purple-700)";
+                readonly "750": "var(--primitive-purple-750)";
+                readonly "800": "var(--primitive-purple-800)";
+                readonly "820": "var(--primitive-purple-820)";
+                readonly "840": "var(--primitive-purple-840)";
+                readonly "860": "var(--primitive-purple-860)";
+                readonly "880": "var(--primitive-purple-880)";
+                readonly "900": "var(--primitive-purple-900)";
+            };
+            readonly fuchsia: {
+                readonly "20": "var(--primitive-fuchsia-20)";
+                readonly "40": "var(--primitive-fuchsia-40)";
+                readonly "60": "var(--primitive-fuchsia-60)";
+                readonly "80": "var(--primitive-fuchsia-80)";
+                readonly "100": "var(--primitive-fuchsia-100)";
+                readonly "150": "var(--primitive-fuchsia-150)";
+                readonly "200": "var(--primitive-fuchsia-200)";
+                readonly "250": "var(--primitive-fuchsia-250)";
+                readonly "300": "var(--primitive-fuchsia-300)";
+                readonly "350": "var(--primitive-fuchsia-350)";
+                readonly "400": "var(--primitive-fuchsia-400)";
+                readonly "450": "var(--primitive-fuchsia-450)";
+                readonly "500": "var(--primitive-fuchsia-500)";
+                readonly "550": "var(--primitive-fuchsia-550)";
+                readonly "600": "var(--primitive-fuchsia-600)";
+                readonly "650": "var(--primitive-fuchsia-650)";
+                readonly "700": "var(--primitive-fuchsia-700)";
+                readonly "750": "var(--primitive-fuchsia-750)";
+                readonly "800": "var(--primitive-fuchsia-800)";
+                readonly "820": "var(--primitive-fuchsia-820)";
+                readonly "840": "var(--primitive-fuchsia-840)";
+                readonly "860": "var(--primitive-fuchsia-860)";
+                readonly "880": "var(--primitive-fuchsia-880)";
+                readonly "900": "var(--primitive-fuchsia-900)";
+            };
+            readonly pink: {
+                readonly "20": "var(--primitive-pink-20)";
+                readonly "40": "var(--primitive-pink-40)";
+                readonly "60": "var(--primitive-pink-60)";
+                readonly "80": "var(--primitive-pink-80)";
+                readonly "100": "var(--primitive-pink-100)";
+                readonly "150": "var(--primitive-pink-150)";
+                readonly "200": "var(--primitive-pink-200)";
+                readonly "250": "var(--primitive-pink-250)";
+                readonly "300": "var(--primitive-pink-300)";
+                readonly "350": "var(--primitive-pink-350)";
+                readonly "400": "var(--primitive-pink-400)";
+                readonly "450": "var(--primitive-pink-450)";
+                readonly "500": "var(--primitive-pink-500)";
+                readonly "550": "var(--primitive-pink-550)";
+                readonly "600": "var(--primitive-pink-600)";
+                readonly "650": "var(--primitive-pink-650)";
+                readonly "700": "var(--primitive-pink-700)";
+                readonly "750": "var(--primitive-pink-750)";
+                readonly "800": "var(--primitive-pink-800)";
+                readonly "820": "var(--primitive-pink-820)";
+                readonly "840": "var(--primitive-pink-840)";
+                readonly "860": "var(--primitive-pink-860)";
+                readonly "880": "var(--primitive-pink-880)";
+                readonly "900": "var(--primitive-pink-900)";
+            };
+            readonly rose: {
+                readonly "20": "var(--primitive-rose-20)";
+                readonly "40": "var(--primitive-rose-40)";
+                readonly "60": "var(--primitive-rose-60)";
+                readonly "80": "var(--primitive-rose-80)";
+                readonly "100": "var(--primitive-rose-100)";
+                readonly "150": "var(--primitive-rose-150)";
+                readonly "200": "var(--primitive-rose-200)";
+                readonly "250": "var(--primitive-rose-250)";
+                readonly "300": "var(--primitive-rose-300)";
+                readonly "350": "var(--primitive-rose-350)";
+                readonly "400": "var(--primitive-rose-400)";
+                readonly "450": "var(--primitive-rose-450)";
+                readonly "500": "var(--primitive-rose-500)";
+                readonly "550": "var(--primitive-rose-550)";
+                readonly "600": "var(--primitive-rose-600)";
+                readonly "650": "var(--primitive-rose-650)";
+                readonly "700": "var(--primitive-rose-700)";
+                readonly "750": "var(--primitive-rose-750)";
+                readonly "800": "var(--primitive-rose-800)";
+                readonly "820": "var(--primitive-rose-820)";
+                readonly "840": "var(--primitive-rose-840)";
+                readonly "860": "var(--primitive-rose-860)";
+                readonly "880": "var(--primitive-rose-880)";
+                readonly "900": "var(--primitive-rose-900)";
+            };
+            readonly engross: {
+                readonly "20": "var(--primitive-engross-20)";
+                readonly "40": "var(--primitive-engross-40)";
+                readonly "60": "var(--primitive-engross-60)";
+                readonly "80": "var(--primitive-engross-80)";
+                readonly "100": "var(--primitive-engross-100)";
+                readonly "150": "var(--primitive-engross-150)";
+                readonly "200": "var(--primitive-engross-200)";
+                readonly "250": "var(--primitive-engross-250)";
+                readonly "300": "var(--primitive-engross-300)";
+                readonly "350": "var(--primitive-engross-350)";
+                readonly "400": "var(--primitive-engross-400)";
+                readonly "450": "var(--primitive-engross-450)";
+                readonly "500": "var(--primitive-engross-500)";
+                readonly "550": "var(--primitive-engross-550)";
+                readonly "600": "var(--primitive-engross-600)";
+                readonly "650": "var(--primitive-engross-650)";
+                readonly "700": "var(--primitive-engross-700)";
+                readonly "750": "var(--primitive-engross-750)";
+                readonly "800": "var(--primitive-engross-800)";
+                readonly "820": "var(--primitive-engross-820)";
+                readonly "840": "var(--primitive-engross-840)";
+                readonly "860": "var(--primitive-engross-860)";
+                readonly "880": "var(--primitive-engross-880)";
+                readonly "900": "var(--primitive-engross-900)";
+            };
+            readonly emerald: {
+                readonly "20": "var(--primitive-emerald-20)";
+                readonly "40": "var(--primitive-emerald-40)";
+                readonly "60": "var(--primitive-emerald-60)";
+                readonly "80": "var(--primitive-emerald-80)";
+                readonly "100": "var(--primitive-emerald-100)";
+                readonly "150": "var(--primitive-emerald-150)";
+                readonly "200": "var(--primitive-emerald-200)";
+                readonly "250": "var(--primitive-emerald-250)";
+                readonly "300": "var(--primitive-emerald-300)";
+                readonly "350": "var(--primitive-emerald-350)";
+                readonly "400": "var(--primitive-emerald-400)";
+                readonly "450": "var(--primitive-emerald-450)";
+                readonly "500": "var(--primitive-emerald-500)";
+                readonly "550": "var(--primitive-emerald-550)";
+                readonly "600": "var(--primitive-emerald-600)";
+                readonly "650": "var(--primitive-emerald-650)";
+                readonly "700": "var(--primitive-emerald-700)";
+                readonly "750": "var(--primitive-emerald-750)";
+                readonly "800": "var(--primitive-emerald-800)";
+                readonly "820": "var(--primitive-emerald-820)";
+                readonly "840": "var(--primitive-emerald-840)";
+                readonly "860": "var(--primitive-emerald-860)";
+                readonly "880": "var(--primitive-emerald-880)";
+                readonly "900": "var(--primitive-emerald-900)";
+            };
+            readonly teal: {
+                readonly "20": "var(--primitive-teal-20)";
+                readonly "40": "var(--primitive-teal-40)";
+                readonly "60": "var(--primitive-teal-60)";
+                readonly "80": "var(--primitive-teal-80)";
+                readonly "100": "var(--primitive-teal-100)";
+                readonly "150": "var(--primitive-teal-150)";
+                readonly "200": "var(--primitive-teal-200)";
+                readonly "250": "var(--primitive-teal-250)";
+                readonly "300": "var(--primitive-teal-300)";
+                readonly "350": "var(--primitive-teal-350)";
+                readonly "400": "var(--primitive-teal-400)";
+                readonly "450": "var(--primitive-teal-450)";
+                readonly "500": "var(--primitive-teal-500)";
+                readonly "550": "var(--primitive-teal-550)";
+                readonly "600": "var(--primitive-teal-600)";
+                readonly "650": "var(--primitive-teal-650)";
+                readonly "700": "var(--primitive-teal-700)";
+                readonly "750": "var(--primitive-teal-750)";
+                readonly "800": "var(--primitive-teal-800)";
+                readonly "820": "var(--primitive-teal-820)";
+                readonly "840": "var(--primitive-teal-840)";
+                readonly "860": "var(--primitive-teal-860)";
+                readonly "880": "var(--primitive-teal-880)";
+                readonly "900": "var(--primitive-teal-900)";
+            };
+            readonly amber: {
+                readonly "20": "var(--primitive-amber-20)";
+                readonly "40": "var(--primitive-amber-40)";
+                readonly "60": "var(--primitive-amber-60)";
+                readonly "80": "var(--primitive-amber-80)";
+                readonly "100": "var(--primitive-amber-100)";
+                readonly "150": "var(--primitive-amber-150)";
+                readonly "200": "var(--primitive-amber-200)";
+                readonly "250": "var(--primitive-amber-250)";
+                readonly "300": "var(--primitive-amber-300)";
+                readonly "350": "var(--primitive-amber-350)";
+                readonly "400": "var(--primitive-amber-400)";
+                readonly "450": "var(--primitive-amber-450)";
+                readonly "500": "var(--primitive-amber-500)";
+                readonly "550": "var(--primitive-amber-550)";
+                readonly "600": "var(--primitive-amber-600)";
+                readonly "650": "var(--primitive-amber-650)";
+                readonly "700": "var(--primitive-amber-700)";
+                readonly "750": "var(--primitive-amber-750)";
+                readonly "800": "var(--primitive-amber-800)";
+                readonly "820": "var(--primitive-amber-820)";
+                readonly "840": "var(--primitive-amber-840)";
+                readonly "860": "var(--primitive-amber-860)";
+                readonly "880": "var(--primitive-amber-880)";
+                readonly "900": "var(--primitive-amber-900)";
+            };
+            readonly immerse: {
+                readonly "20": "var(--primitive-immerse-20)";
+                readonly "40": "var(--primitive-immerse-40)";
+                readonly "60": "var(--primitive-immerse-60)";
+                readonly "80": "var(--primitive-immerse-80)";
+                readonly "100": "var(--primitive-immerse-100)";
+                readonly "150": "var(--primitive-immerse-150)";
+                readonly "200": "var(--primitive-immerse-200)";
+                readonly "250": "var(--primitive-immerse-250)";
+                readonly "300": "var(--primitive-immerse-300)";
+                readonly "350": "var(--primitive-immerse-350)";
+                readonly "400": "var(--primitive-immerse-400)";
+                readonly "450": "var(--primitive-immerse-450)";
+                readonly "500": "var(--primitive-immerse-500)";
+                readonly "550": "var(--primitive-immerse-550)";
+                readonly "600": "var(--primitive-immerse-600)";
+                readonly "650": "var(--primitive-immerse-650)";
+                readonly "700": "var(--primitive-immerse-700)";
+                readonly "750": "var(--primitive-immerse-750)";
+                readonly "800": "var(--primitive-immerse-800)";
+                readonly "820": "var(--primitive-immerse-820)";
+                readonly "840": "var(--primitive-immerse-840)";
+                readonly "860": "var(--primitive-immerse-860)";
+                readonly "880": "var(--primitive-immerse-880)";
+                readonly "900": "var(--primitive-immerse-900)";
+            };
+        };
+    };
+    readonly color: {
+        readonly semantic: {
+            readonly accent: {
+                readonly alpha: {
+                    readonly assistive: "var(--semantic-accent-alpha-assistive)";
+                    readonly subtle: "var(--semantic-accent-alpha-subtle)";
+                    readonly subtler: "var(--semantic-accent-alpha-subtler)";
+                    readonly inverse: {
+                        readonly subtle: "var(--semantic-accent-alpha-inverse-subtle)";
+                        readonly subtler: "var(--semantic-accent-alpha-inverse-subtler)";
+                        readonly subtlest: "var(--semantic-accent-alpha-inverse-subtlest)";
+                        readonly assistive: "var(--semantic-accent-alpha-inverse-assistive)";
+                    };
+                    readonly subtlest: "var(--semantic-accent-alpha-subtlest)";
+                };
+                readonly bold: "var(--semantic-accent-bold)";
+                readonly normal: "var(--semantic-accent-normal)";
+                readonly neutral: "var(--semantic-accent-neutral)";
+                readonly inverse: {
+                    readonly bold: "var(--semantic-accent-inverse-bold)";
+                    readonly normal: "var(--semantic-accent-inverse-normal)";
+                    readonly neutral: "var(--semantic-accent-inverse-neutral)";
+                    readonly alternative: "var(--semantic-accent-inverse-alternative)";
+                    readonly assistive: "var(--semantic-accent-inverse-assistive)";
+                    readonly subtle: "var(--semantic-accent-inverse-subtle)";
+                    readonly bolder: "var(--semantic-accent-inverse-bolder)";
+                    readonly subtler: "var(--semantic-accent-inverse-subtler)";
+                    readonly subtlest: "var(--semantic-accent-inverse-subtlest)";
+                };
+                readonly alternative: "var(--semantic-accent-alternative)";
+                readonly assistive: "var(--semantic-accent-assistive)";
+                readonly subtle: "var(--semantic-accent-subtle)";
+                readonly subtler: "var(--semantic-accent-subtler)";
+                readonly bolder: "var(--semantic-accent-bolder)";
+                readonly subtlest: "var(--semantic-accent-subtlest)";
+            };
+            readonly object: {
+                readonly neutral: "var(--semantic-object-neutral)";
+                readonly alternative: "var(--semantic-object-alternative)";
+                readonly assistive: "var(--semantic-object-assistive)";
+                readonly subtle: "var(--semantic-object-subtle)";
+                readonly inverse: {
+                    readonly neutral: "var(--semantic-object-inverse-neutral)";
+                    readonly alternative: "var(--semantic-object-inverse-alternative)";
+                    readonly assistive: "var(--semantic-object-inverse-assistive)";
+                    readonly subtle: "var(--semantic-object-inverse-subtle)";
+                    readonly boldest: "var(--semantic-object-inverse-boldest)";
+                    readonly bold: "var(--semantic-object-inverse-bold)";
+                    readonly bolder: "var(--semantic-object-inverse-bolder)";
+                    readonly normal: "var(--semantic-object-inverse-normal)";
+                    readonly subtler: "var(--semantic-object-inverse-subtler)";
+                    readonly subtlest: "var(--semantic-object-inverse-subtlest)";
+                };
+                readonly boldest: "var(--semantic-object-boldest)";
+                readonly bold: "var(--semantic-object-bold)";
+                readonly static: {
+                    readonly boldest: "var(--semantic-object-static-boldest)";
+                    readonly bold: "var(--semantic-object-static-bold)";
+                    readonly neutral: "var(--semantic-object-static-neutral)";
+                    readonly alternative: "var(--semantic-object-static-alternative)";
+                    readonly assistive: "var(--semantic-object-static-assistive)";
+                    readonly subtle: "var(--semantic-object-static-subtle)";
+                    readonly inverse: {
+                        readonly boldest: "var(--semantic-object-static-inverse-boldest)";
+                        readonly bold: "var(--semantic-object-static-inverse-bold)";
+                        readonly neutral: "var(--semantic-object-static-inverse-neutral)";
+                        readonly alternative: "var(--semantic-object-static-inverse-alternative)";
+                        readonly assistive: "var(--semantic-object-static-inverse-assistive)";
+                        readonly subtle: "var(--semantic-object-static-inverse-subtle)";
+                        readonly bolder: "var(--semantic-object-static-inverse-bolder)";
+                        readonly normal: "var(--semantic-object-static-inverse-normal)";
+                        readonly subtler: "var(--semantic-object-static-inverse-subtler)";
+                        readonly subtlest: "var(--semantic-object-static-inverse-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-object-static-bolder)";
+                    readonly normal: "var(--semantic-object-static-normal)";
+                    readonly subtler: "var(--semantic-object-static-subtler)";
+                    readonly subtlest: "var(--semantic-object-static-subtlest)";
+                };
+                readonly bolder: "var(--semantic-object-bolder)";
+                readonly normal: "var(--semantic-object-normal)";
+                readonly subtler: "var(--semantic-object-subtler)";
+                readonly subtlest: "var(--semantic-object-subtlest)";
+            };
+            readonly surface: {
+                readonly standard: "var(--semantic-surface-standard)";
+                readonly deep: "var(--semantic-surface-deep)";
+                readonly deeper: "var(--semantic-surface-deeper)";
+                readonly deepest: "var(--semantic-surface-deepest)";
+                readonly inverse: {
+                    readonly standard: "var(--semantic-surface-inverse-standard)";
+                    readonly deep: "var(--semantic-surface-inverse-deep)";
+                    readonly deeper: "var(--semantic-surface-inverse-deeper)";
+                    readonly deepest: "var(--semantic-surface-inverse-deepest)";
+                    readonly shallow: "var(--semantic-surface-inverse-shallow)";
+                    readonly shallower: "var(--semantic-surface-inverse-shallower)";
+                    readonly shallowest: "var(--semantic-surface-inverse-shallowest)";
+                };
+                readonly shallow: "var(--semantic-surface-shallow)";
+                readonly shallower: "var(--semantic-surface-shallower)";
+                readonly shallowest: "var(--semantic-surface-shallowest)";
+                readonly static: {
+                    readonly shallowest: "var(--semantic-surface-static-shallowest)";
+                    readonly shallower: "var(--semantic-surface-static-shallower)";
+                    readonly shallow: "var(--semantic-surface-static-shallow)";
+                    readonly standard: "var(--semantic-surface-static-standard)";
+                    readonly deep: "var(--semantic-surface-static-deep)";
+                    readonly deeper: "var(--semantic-surface-static-deeper)";
+                    readonly deepest: "var(--semantic-surface-static-deepest)";
+                    readonly inverse: {
+                        readonly shallowest: "var(--semantic-surface-static-inverse-shallowest)";
+                        readonly shallower: "var(--semantic-surface-static-inverse-shallower)";
+                        readonly shallow: "var(--semantic-surface-static-inverse-shallow)";
+                        readonly standard: "var(--semantic-surface-static-inverse-standard)";
+                        readonly deep: "var(--semantic-surface-static-inverse-deep)";
+                        readonly deeper: "var(--semantic-surface-static-inverse-deeper)";
+                        readonly deepest: "var(--semantic-surface-static-inverse-deepest)";
+                    };
+                };
+            };
+            readonly interaction: {
+                readonly bold: "var(--semantic-interaction-bold)";
+                readonly normal: "var(--semantic-interaction-normal)";
+                readonly inverse: {
+                    readonly focus: "var(--semantic-interaction-inverse-focus)";
+                    readonly bold: "var(--semantic-interaction-inverse-bold)";
+                    readonly normal: "var(--semantic-interaction-inverse-normal)";
+                    readonly assistive: "var(--semantic-interaction-inverse-assistive)";
+                    readonly subtle: "var(--semantic-interaction-inverse-subtle)";
+                };
+                readonly focus: "var(--semantic-interaction-focus)";
+                readonly assistive: "var(--semantic-interaction-assistive)";
+                readonly subtle: "var(--semantic-interaction-subtle)";
+            };
+            readonly stroke: {
+                readonly neutral: "var(--semantic-stroke-neutral)";
+                readonly alternative: "var(--semantic-stroke-alternative)";
+                readonly assistive: "var(--semantic-stroke-assistive)";
+                readonly normal: "var(--semantic-stroke-normal)";
+                readonly bold: "var(--semantic-stroke-bold)";
+                readonly alpha: {
+                    readonly bold: "var(--semantic-stroke-alpha-bold)";
+                    readonly normal: "var(--semantic-stroke-alpha-normal)";
+                    readonly neutral: "var(--semantic-stroke-alpha-neutral)";
+                    readonly alternative: "var(--semantic-stroke-alpha-alternative)";
+                    readonly assistive: "var(--semantic-stroke-alpha-assistive)";
+                    readonly subtle: "var(--semantic-stroke-alpha-subtle)";
+                    readonly inverse: {
+                        readonly bold: "var(--semantic-stroke-alpha-inverse-bold)";
+                        readonly normal: "var(--semantic-stroke-alpha-inverse-normal)";
+                        readonly neutral: "var(--semantic-stroke-alpha-inverse-neutral)";
+                        readonly alternative: "var(--semantic-stroke-alpha-inverse-alternative)";
+                        readonly assistive: "var(--semantic-stroke-alpha-inverse-assistive)";
+                        readonly subtle: "var(--semantic-stroke-alpha-inverse-subtle)";
+                        readonly subtler: "var(--semantic-stroke-alpha-inverse-subtler)";
+                    };
+                    readonly subtler: "var(--semantic-stroke-alpha-subtler)";
+                };
+                readonly subtle: "var(--semantic-stroke-subtle)";
+                readonly inverse: {
+                    readonly bold: "var(--semantic-stroke-inverse-bold)";
+                    readonly normal: "var(--semantic-stroke-inverse-normal)";
+                    readonly neutral: "var(--semantic-stroke-inverse-neutral)";
+                    readonly alternative: "var(--semantic-stroke-inverse-alternative)";
+                    readonly assistive: "var(--semantic-stroke-inverse-assistive)";
+                    readonly subtle: "var(--semantic-stroke-inverse-subtle)";
+                    readonly subtler: "var(--semantic-stroke-inverse-subtler)";
+                };
+                readonly subtler: "var(--semantic-stroke-subtler)";
+            };
+            readonly fill: {
+                readonly boldest: "var(--semantic-fill-boldest)";
+                readonly bold: "var(--semantic-fill-bold)";
+                readonly neutral: "var(--semantic-fill-neutral)";
+                readonly alternative: "var(--semantic-fill-alternative)";
+                readonly assistive: "var(--semantic-fill-assistive)";
+                readonly inverse: {
+                    readonly boldest: "var(--semantic-fill-inverse-boldest)";
+                    readonly bold: "var(--semantic-fill-inverse-bold)";
+                    readonly neutral: "var(--semantic-fill-inverse-neutral)";
+                    readonly alternative: "var(--semantic-fill-inverse-alternative)";
+                    readonly assistive: "var(--semantic-fill-inverse-assistive)";
+                    readonly subtle: "var(--semantic-fill-inverse-subtle)";
+                    readonly subtler: "var(--semantic-fill-inverse-subtler)";
+                    readonly subtlest: "var(--semantic-fill-inverse-subtlest)";
+                    readonly bolder: "var(--semantic-fill-inverse-bolder)";
+                    readonly normal: "var(--semantic-fill-inverse-normal)";
+                };
+                readonly subtle: "var(--semantic-fill-subtle)";
+                readonly subtler: "var(--semantic-fill-subtler)";
+                readonly subtlest: "var(--semantic-fill-subtlest)";
+                readonly bolder: "var(--semantic-fill-bolder)";
+                readonly normal: "var(--semantic-fill-normal)";
+            };
+            readonly system: {
+                readonly white: "var(--semantic-system-white)";
+                readonly black: "var(--semantic-system-black)";
+            };
+            readonly theme: {
+                readonly red: {
+                    readonly bold: "var(--semantic-theme-red-bold)";
+                    readonly normal: "var(--semantic-theme-red-normal)";
+                    readonly neutral: "var(--semantic-theme-red-neutral)";
+                    readonly alternative: "var(--semantic-theme-red-alternative)";
+                    readonly assistive: "var(--semantic-theme-red-assistive)";
+                    readonly subtle: "var(--semantic-theme-red-subtle)";
+                    readonly subtler: "var(--semantic-theme-red-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-red-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-red-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-red-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-red-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-red-bolder)";
+                };
+                readonly orange: {
+                    readonly bold: "var(--semantic-theme-orange-bold)";
+                    readonly normal: "var(--semantic-theme-orange-normal)";
+                    readonly neutral: "var(--semantic-theme-orange-neutral)";
+                    readonly alternative: "var(--semantic-theme-orange-alternative)";
+                    readonly assistive: "var(--semantic-theme-orange-assistive)";
+                    readonly subtle: "var(--semantic-theme-orange-subtle)";
+                    readonly subtler: "var(--semantic-theme-orange-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-orange-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-orange-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-orange-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-orange-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-orange-bolder)";
+                };
+                readonly amber: {
+                    readonly bold: "var(--semantic-theme-amber-bold)";
+                    readonly normal: "var(--semantic-theme-amber-normal)";
+                    readonly neutral: "var(--semantic-theme-amber-neutral)";
+                    readonly alternative: "var(--semantic-theme-amber-alternative)";
+                    readonly assistive: "var(--semantic-theme-amber-assistive)";
+                    readonly subtle: "var(--semantic-theme-amber-subtle)";
+                    readonly subtler: "var(--semantic-theme-amber-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-amber-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-amber-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-amber-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-amber-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-amber-bolder)";
+                };
+                readonly yellow: {
+                    readonly bold: "var(--semantic-theme-yellow-bold)";
+                    readonly normal: "var(--semantic-theme-yellow-normal)";
+                    readonly neutral: "var(--semantic-theme-yellow-neutral)";
+                    readonly alternative: "var(--semantic-theme-yellow-alternative)";
+                    readonly assistive: "var(--semantic-theme-yellow-assistive)";
+                    readonly subtle: "var(--semantic-theme-yellow-subtle)";
+                    readonly subtler: "var(--semantic-theme-yellow-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-yellow-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-yellow-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-yellow-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-yellow-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-yellow-bolder)";
+                };
+                readonly lime: {
+                    readonly bold: "var(--semantic-theme-lime-bold)";
+                    readonly normal: "var(--semantic-theme-lime-normal)";
+                    readonly neutral: "var(--semantic-theme-lime-neutral)";
+                    readonly alternative: "var(--semantic-theme-lime-alternative)";
+                    readonly assistive: "var(--semantic-theme-lime-assistive)";
+                    readonly subtle: "var(--semantic-theme-lime-subtle)";
+                    readonly subtler: "var(--semantic-theme-lime-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-lime-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-lime-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-lime-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-lime-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-lime-bolder)";
+                };
+                readonly green: {
+                    readonly bold: "var(--semantic-theme-green-bold)";
+                    readonly normal: "var(--semantic-theme-green-normal)";
+                    readonly neutral: "var(--semantic-theme-green-neutral)";
+                    readonly alternative: "var(--semantic-theme-green-alternative)";
+                    readonly assistive: "var(--semantic-theme-green-assistive)";
+                    readonly subtle: "var(--semantic-theme-green-subtle)";
+                    readonly subtler: "var(--semantic-theme-green-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-green-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-green-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-green-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-green-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-green-bolder)";
+                };
+                readonly emerald: {
+                    readonly bold: "var(--semantic-theme-emerald-bold)";
+                    readonly normal: "var(--semantic-theme-emerald-normal)";
+                    readonly neutral: "var(--semantic-theme-emerald-neutral)";
+                    readonly alternative: "var(--semantic-theme-emerald-alternative)";
+                    readonly assistive: "var(--semantic-theme-emerald-assistive)";
+                    readonly subtle: "var(--semantic-theme-emerald-subtle)";
+                    readonly subtler: "var(--semantic-theme-emerald-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-emerald-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-emerald-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-emerald-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-emerald-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-emerald-bolder)";
+                };
+                readonly teal: {
+                    readonly bold: "var(--semantic-theme-teal-bold)";
+                    readonly normal: "var(--semantic-theme-teal-normal)";
+                    readonly neutral: "var(--semantic-theme-teal-neutral)";
+                    readonly alternative: "var(--semantic-theme-teal-alternative)";
+                    readonly assistive: "var(--semantic-theme-teal-assistive)";
+                    readonly subtle: "var(--semantic-theme-teal-subtle)";
+                    readonly subtler: "var(--semantic-theme-teal-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-teal-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-teal-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-teal-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-teal-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-teal-bolder)";
+                };
+                readonly cyan: {
+                    readonly bold: "var(--semantic-theme-cyan-bold)";
+                    readonly normal: "var(--semantic-theme-cyan-normal)";
+                    readonly neutral: "var(--semantic-theme-cyan-neutral)";
+                    readonly alternative: "var(--semantic-theme-cyan-alternative)";
+                    readonly assistive: "var(--semantic-theme-cyan-assistive)";
+                    readonly subtle: "var(--semantic-theme-cyan-subtle)";
+                    readonly subtler: "var(--semantic-theme-cyan-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-cyan-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-cyan-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-cyan-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-cyan-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-cyan-bolder)";
+                };
+                readonly sky: {
+                    readonly bold: "var(--semantic-theme-sky-bold)";
+                    readonly normal: "var(--semantic-theme-sky-normal)";
+                    readonly neutral: "var(--semantic-theme-sky-neutral)";
+                    readonly alternative: "var(--semantic-theme-sky-alternative)";
+                    readonly assistive: "var(--semantic-theme-sky-assistive)";
+                    readonly subtle: "var(--semantic-theme-sky-subtle)";
+                    readonly subtler: "var(--semantic-theme-sky-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-sky-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-sky-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-sky-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-sky-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-sky-bolder)";
+                };
+                readonly blue: {
+                    readonly bold: "var(--semantic-theme-blue-bold)";
+                    readonly normal: "var(--semantic-theme-blue-normal)";
+                    readonly neutral: "var(--semantic-theme-blue-neutral)";
+                    readonly alternative: "var(--semantic-theme-blue-alternative)";
+                    readonly assistive: "var(--semantic-theme-blue-assistive)";
+                    readonly subtle: "var(--semantic-theme-blue-subtle)";
+                    readonly subtler: "var(--semantic-theme-blue-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-blue-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-blue-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-blue-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-blue-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-blue-bolder)";
+                };
+                readonly violet: {
+                    readonly bold: "var(--semantic-theme-violet-bold)";
+                    readonly normal: "var(--semantic-theme-violet-normal)";
+                    readonly neutral: "var(--semantic-theme-violet-neutral)";
+                    readonly alternative: "var(--semantic-theme-violet-alternative)";
+                    readonly assistive: "var(--semantic-theme-violet-assistive)";
+                    readonly subtle: "var(--semantic-theme-violet-subtle)";
+                    readonly subtler: "var(--semantic-theme-violet-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-violet-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-violet-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-violet-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-violet-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-violet-bolder)";
+                };
+                readonly purple: {
+                    readonly bold: "var(--semantic-theme-purple-bold)";
+                    readonly normal: "var(--semantic-theme-purple-normal)";
+                    readonly neutral: "var(--semantic-theme-purple-neutral)";
+                    readonly alternative: "var(--semantic-theme-purple-alternative)";
+                    readonly assistive: "var(--semantic-theme-purple-assistive)";
+                    readonly subtle: "var(--semantic-theme-purple-subtle)";
+                    readonly subtler: "var(--semantic-theme-purple-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-purple-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-purple-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-purple-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-purple-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-purple-bolder)";
+                };
+                readonly fuchsia: {
+                    readonly bold: "var(--semantic-theme-fuchsia-bold)";
+                    readonly normal: "var(--semantic-theme-fuchsia-normal)";
+                    readonly neutral: "var(--semantic-theme-fuchsia-neutral)";
+                    readonly alternative: "var(--semantic-theme-fuchsia-alternative)";
+                    readonly assistive: "var(--semantic-theme-fuchsia-assistive)";
+                    readonly subtle: "var(--semantic-theme-fuchsia-subtle)";
+                    readonly subtler: "var(--semantic-theme-fuchsia-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-fuchsia-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-fuchsia-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-fuchsia-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-fuchsia-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-fuchsia-bolder)";
+                };
+                readonly pink: {
+                    readonly bold: "var(--semantic-theme-pink-bold)";
+                    readonly normal: "var(--semantic-theme-pink-normal)";
+                    readonly neutral: "var(--semantic-theme-pink-neutral)";
+                    readonly alternative: "var(--semantic-theme-pink-alternative)";
+                    readonly assistive: "var(--semantic-theme-pink-assistive)";
+                    readonly subtle: "var(--semantic-theme-pink-subtle)";
+                    readonly subtler: "var(--semantic-theme-pink-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-pink-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-pink-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-pink-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-pink-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-pink-bolder)";
+                };
+                readonly rose: {
+                    readonly bold: "var(--semantic-theme-rose-bold)";
+                    readonly normal: "var(--semantic-theme-rose-normal)";
+                    readonly neutral: "var(--semantic-theme-rose-neutral)";
+                    readonly alternative: "var(--semantic-theme-rose-alternative)";
+                    readonly assistive: "var(--semantic-theme-rose-assistive)";
+                    readonly subtle: "var(--semantic-theme-rose-subtle)";
+                    readonly subtler: "var(--semantic-theme-rose-subtler)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-theme-rose-alpha-assistive)";
+                        readonly subtle: "var(--semantic-theme-rose-alpha-subtle)";
+                        readonly subtler: "var(--semantic-theme-rose-alpha-subtler)";
+                        readonly subtlest: "var(--semantic-theme-rose-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-theme-rose-bolder)";
+                };
+            };
+            readonly curtain: {
+                readonly bright: "var(--semantic-curtain-bright)";
+                readonly dim: "var(--semantic-curtain-dim)";
+                readonly dimmer: "var(--semantic-curtain-dimmer)";
+            };
+            readonly feedback: {
+                readonly positive: {
+                    readonly alpha: {
+                        readonly subtle: "var(--semantic-feedback-positive-alpha-subtle)";
+                        readonly assistive: "var(--semantic-feedback-positive-alpha-assistive)";
+                        readonly subtler: "var(--semantic-feedback-positive-alpha-subtler)";
+                        readonly inverse: {
+                            readonly assistive: "var(--semantic-feedback-positive-alpha-inverse-assistive)";
+                            readonly subtle: "var(--semantic-feedback-positive-alpha-inverse-subtle)";
+                            readonly subtler: "var(--semantic-feedback-positive-alpha-inverse-subtler)";
+                            readonly subtlest: "var(--semantic-feedback-positive-alpha-inverse-subtlest)";
+                        };
+                        readonly subtlest: "var(--semantic-feedback-positive-alpha-subtlest)";
+                    };
+                    readonly normal: "var(--semantic-feedback-positive-normal)";
+                    readonly bold: "var(--semantic-feedback-positive-bold)";
+                    readonly inverse: {
+                        readonly bold: "var(--semantic-feedback-positive-inverse-bold)";
+                        readonly normal: "var(--semantic-feedback-positive-inverse-normal)";
+                        readonly neutral: "var(--semantic-feedback-positive-inverse-neutral)";
+                        readonly alternative: "var(--semantic-feedback-positive-inverse-alternative)";
+                        readonly assistive: "var(--semantic-feedback-positive-inverse-assistive)";
+                        readonly subtle: "var(--semantic-feedback-positive-inverse-subtle)";
+                        readonly subtler: "var(--semantic-feedback-positive-inverse-subtler)";
+                        readonly bolder: "var(--semantic-feedback-positive-inverse-bolder)";
+                    };
+                    readonly assistive: "var(--semantic-feedback-positive-assistive)";
+                    readonly subtler: "var(--semantic-feedback-positive-subtler)";
+                    readonly neutral: "var(--semantic-feedback-positive-neutral)";
+                    readonly alternative: "var(--semantic-feedback-positive-alternative)";
+                    readonly subtle: "var(--semantic-feedback-positive-subtle)";
+                    readonly bolder: "var(--semantic-feedback-positive-bolder)";
+                };
+                readonly destructive: {
+                    readonly bold: "var(--semantic-feedback-destructive-bold)";
+                    readonly inverse: {
+                        readonly bold: "var(--semantic-feedback-destructive-inverse-bold)";
+                        readonly normal: "var(--semantic-feedback-destructive-inverse-normal)";
+                        readonly neutral: "var(--semantic-feedback-destructive-inverse-neutral)";
+                        readonly alternative: "var(--semantic-feedback-destructive-inverse-alternative)";
+                        readonly assistive: "var(--semantic-feedback-destructive-inverse-assistive)";
+                        readonly subtle: "var(--semantic-feedback-destructive-inverse-subtle)";
+                        readonly subtler: "var(--semantic-feedback-destructive-inverse-subtler)";
+                        readonly bolder: "var(--semantic-feedback-destructive-inverse-bolder)";
+                    };
+                    readonly normal: "var(--semantic-feedback-destructive-normal)";
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-feedback-destructive-alpha-assistive)";
+                        readonly subtle: "var(--semantic-feedback-destructive-alpha-subtle)";
+                        readonly subtler: "var(--semantic-feedback-destructive-alpha-subtler)";
+                        readonly inverse: {
+                            readonly assistive: "var(--semantic-feedback-destructive-alpha-inverse-assistive)";
+                            readonly subtle: "var(--semantic-feedback-destructive-alpha-inverse-subtle)";
+                            readonly subtler: "var(--semantic-feedback-destructive-alpha-inverse-subtler)";
+                            readonly subtlest: "var(--semantic-feedback-destructive-alpha-inverse-subtlest)";
+                        };
+                        readonly subtlest: "var(--semantic-feedback-destructive-alpha-subtlest)";
+                    };
+                    readonly neutral: "var(--semantic-feedback-destructive-neutral)";
+                    readonly alternative: "var(--semantic-feedback-destructive-alternative)";
+                    readonly assistive: "var(--semantic-feedback-destructive-assistive)";
+                    readonly subtle: "var(--semantic-feedback-destructive-subtle)";
+                    readonly subtler: "var(--semantic-feedback-destructive-subtler)";
+                    readonly bolder: "var(--semantic-feedback-destructive-bolder)";
+                };
+                readonly notifying: {
+                    readonly bold: "var(--semantic-feedback-notifying-bold)";
+                    readonly normal: "var(--semantic-feedback-notifying-normal)";
+                    readonly neutral: "var(--semantic-feedback-notifying-neutral)";
+                    readonly alternative: "var(--semantic-feedback-notifying-alternative)";
+                    readonly assistive: "var(--semantic-feedback-notifying-assistive)";
+                    readonly subtle: "var(--semantic-feedback-notifying-subtle)";
+                    readonly subtler: "var(--semantic-feedback-notifying-subtler)";
+                    readonly inverse: {
+                        readonly bold: "var(--semantic-feedback-notifying-inverse-bold)";
+                        readonly normal: "var(--semantic-feedback-notifying-inverse-normal)";
+                        readonly neutral: "var(--semantic-feedback-notifying-inverse-neutral)";
+                        readonly alternative: "var(--semantic-feedback-notifying-inverse-alternative)";
+                        readonly assistive: "var(--semantic-feedback-notifying-inverse-assistive)";
+                        readonly subtle: "var(--semantic-feedback-notifying-inverse-subtle)";
+                        readonly subtler: "var(--semantic-feedback-notifying-inverse-subtler)";
+                        readonly bolder: "var(--semantic-feedback-notifying-inverse-bolder)";
+                    };
+                    readonly alpha: {
+                        readonly assistive: "var(--semantic-feedback-notifying-alpha-assistive)";
+                        readonly subtle: "var(--semantic-feedback-notifying-alpha-subtle)";
+                        readonly subtler: "var(--semantic-feedback-notifying-alpha-subtler)";
+                        readonly inverse: {
+                            readonly assistive: "var(--semantic-feedback-notifying-alpha-inverse-assistive)";
+                            readonly subtle: "var(--semantic-feedback-notifying-alpha-inverse-subtle)";
+                            readonly subtler: "var(--semantic-feedback-notifying-alpha-inverse-subtler)";
+                            readonly subtlest: "var(--semantic-feedback-notifying-alpha-inverse-subtlest)";
+                        };
+                        readonly subtlest: "var(--semantic-feedback-notifying-alpha-subtlest)";
+                    };
+                    readonly bolder: "var(--semantic-feedback-notifying-bolder)";
+                };
+            };
+        };
+    };
+    readonly scheme: {
+        readonly semantic: {
+            readonly spacing: {
+                readonly "0": "var(--semantic-spacing-0)";
+                readonly "1": "var(--semantic-spacing-1)";
+                readonly "2": "var(--semantic-spacing-2)";
+                readonly "3": "var(--semantic-spacing-3)";
+                readonly "4": "var(--semantic-spacing-4)";
+                readonly "6": "var(--semantic-spacing-6)";
+                readonly "8": "var(--semantic-spacing-8)";
+                readonly "10": "var(--semantic-spacing-10)";
+                readonly "12": "var(--semantic-spacing-12)";
+                readonly "16": "var(--semantic-spacing-16)";
+                readonly "20": "var(--semantic-spacing-20)";
+                readonly "24": "var(--semantic-spacing-24)";
+                readonly "28": "var(--semantic-spacing-28)";
+                readonly "32": "var(--semantic-spacing-32)";
+                readonly "40": "var(--semantic-spacing-40)";
+                readonly "48": "var(--semantic-spacing-48)";
+                readonly "56": "var(--semantic-spacing-56)";
+                readonly "64": "var(--semantic-spacing-64)";
+                readonly "72": "var(--semantic-spacing-72)";
+                readonly "80": "var(--semantic-spacing-80)";
+                readonly "96": "var(--semantic-spacing-96)";
+                readonly "112": "var(--semantic-spacing-112)";
+                readonly "128": "var(--semantic-spacing-128)";
+                readonly "144": "var(--semantic-spacing-144)";
+            };
+            readonly radius: {
+                readonly "0": "var(--semantic-radius-0)";
+                readonly "2": "var(--semantic-radius-2)";
+                readonly "4": "var(--semantic-radius-4)";
+                readonly "6": "var(--semantic-radius-6)";
+                readonly "8": "var(--semantic-radius-8)";
+                readonly "10": "var(--semantic-radius-10)";
+                readonly "12": "var(--semantic-radius-12)";
+                readonly "16": "var(--semantic-radius-16)";
+                readonly "24": "var(--semantic-radius-24)";
+                readonly max: "var(--semantic-radius-max)";
+            };
+            readonly strokeWeight: {
+                readonly "1": "var(--semantic-stroke-weight-1)";
+                readonly "2": "var(--semantic-stroke-weight-2)";
+                readonly "3": "var(--semantic-stroke-weight-3)";
+                readonly "4": "var(--semantic-stroke-weight-4)";
+                readonly "5": "var(--semantic-stroke-weight-5)";
+                readonly "6": "var(--semantic-stroke-weight-6)";
+            };
+            readonly opacity: {
+                readonly "0": "var(--semantic-opacity-0)";
+                readonly "5": "var(--semantic-opacity-5)";
+                readonly "8": "var(--semantic-opacity-8)";
+                readonly "12": "var(--semantic-opacity-12)";
+                readonly "16": "var(--semantic-opacity-16)";
+                readonly "23": "var(--semantic-opacity-23)";
+                readonly "29": "var(--semantic-opacity-29)";
+                readonly "36": "var(--semantic-opacity-36)";
+                readonly "44": "var(--semantic-opacity-44)";
+                readonly "54": "var(--semantic-opacity-54)";
+                readonly "63": "var(--semantic-opacity-63)";
+                readonly "76": "var(--semantic-opacity-76)";
+                readonly "91": "var(--semantic-opacity-91)";
+                readonly "100": "var(--semantic-opacity-100)";
+            };
+            readonly breakpoint: {
+                readonly min: "var(--semantic-breakpoint-min)";
+                readonly max: "var(--semantic-breakpoint-max)";
+            };
+            readonly margin: {
+                readonly lg: "var(--semantic-margin-lg)";
+                readonly md: "var(--semantic-margin-md)";
+                readonly sm: "var(--semantic-margin-sm)";
+                readonly xl: "var(--semantic-margin-xl)";
+                readonly "2xl": "var(--semantic-margin-2xl)";
+                readonly "3xl": "var(--semantic-margin-3xl)";
+                readonly xs: "var(--semantic-margin-xs)";
+                readonly "2xs": "var(--semantic-margin-2xs)";
+            };
+            readonly position: {
+                readonly "0": "var(--semantic-position-0)";
+                readonly "1": "var(--semantic-position-1)";
+                readonly "2": "var(--semantic-position-2)";
+                readonly "3": "var(--semantic-position-3)";
+                readonly "4": "var(--semantic-position-4)";
+                readonly "6": "var(--semantic-position-6)";
+                readonly "8": "var(--semantic-position-8)";
+                readonly "12": "var(--semantic-position-12)";
+                readonly "16": "var(--semantic-position-16)";
+                readonly "24": "var(--semantic-position-24)";
+            };
+        };
+        readonly primitive: {
+            readonly unit: {
+                readonly "0": "var(--primitive-unit-0)";
+                readonly "1": "var(--primitive-unit-1)";
+                readonly "2": "var(--primitive-unit-2)";
+                readonly "3": "var(--primitive-unit-3)";
+                readonly "4": "var(--primitive-unit-4)";
+                readonly "5": "var(--primitive-unit-5)";
+                readonly "6": "var(--primitive-unit-6)";
+                readonly "8": "var(--primitive-unit-8)";
+                readonly "10": "var(--primitive-unit-10)";
+                readonly "12": "var(--primitive-unit-12)";
+                readonly "16": "var(--primitive-unit-16)";
+                readonly "20": "var(--primitive-unit-20)";
+                readonly "24": "var(--primitive-unit-24)";
+                readonly "28": "var(--primitive-unit-28)";
+                readonly "32": "var(--primitive-unit-32)";
+                readonly "40": "var(--primitive-unit-40)";
+                readonly "48": "var(--primitive-unit-48)";
+                readonly "56": "var(--primitive-unit-56)";
+                readonly "64": "var(--primitive-unit-64)";
+                readonly "72": "var(--primitive-unit-72)";
+                readonly "80": "var(--primitive-unit-80)";
+                readonly "96": "var(--primitive-unit-96)";
+                readonly "112": "var(--primitive-unit-112)";
+                readonly "128": "var(--primitive-unit-128)";
+                readonly "144": "var(--primitive-unit-144)";
+            };
+        };
+    };
+    readonly environment: {
+        readonly semantic: {
+            readonly duration: {
+                readonly "50": "var(--semantic-duration-50)";
+                readonly "100": "var(--semantic-duration-100)";
+                readonly "150": "var(--semantic-duration-150)";
+                readonly "200": "var(--semantic-duration-200)";
+                readonly "250": "var(--semantic-duration-250)";
+                readonly "300": "var(--semantic-duration-300)";
+                readonly "350": "var(--semantic-duration-350)";
+                readonly "400": "var(--semantic-duration-400)";
+                readonly "450": "var(--semantic-duration-450)";
+                readonly "500": "var(--semantic-duration-500)";
+            };
+            readonly motion: {
+                readonly bouncy: "var(--semantic-motion-bouncy)";
+                readonly fluent: "var(--semantic-motion-fluent)";
+                readonly leave: "var(--semantic-motion-leave)";
+                readonly entrance: "var(--semantic-motion-entrance)";
+            };
+        };
+        readonly primitive: {
+            readonly time: {
+                readonly "50": "var(--primitive-time-50)";
+                readonly "100": "var(--primitive-time-100)";
+                readonly "150": "var(--primitive-time-150)";
+                readonly "200": "var(--primitive-time-200)";
+                readonly "250": "var(--primitive-time-250)";
+                readonly "300": "var(--primitive-time-300)";
+                readonly "350": "var(--primitive-time-350)";
+                readonly "400": "var(--primitive-time-400)";
+                readonly "450": "var(--primitive-time-450)";
+                readonly "500": "var(--primitive-time-500)";
+            };
+        };
+    };
+    readonly typo: {
+        readonly primitive: {
+            readonly typeface: {
+                readonly hero: "var(--primitive-typeface-hero)";
+                readonly syntax: "var(--primitive-typeface-syntax)";
+                readonly title: "var(--primitive-typeface-title)";
+                readonly label: "var(--primitive-typeface-label)";
+                readonly body: "var(--primitive-typeface-body)";
+            };
+            readonly fontSize: {
+                readonly hero: {
+                    readonly "1": "var(--primitive-font-size-hero-1)";
+                    readonly "2": "var(--primitive-font-size-hero-2)";
+                    readonly "3": "var(--primitive-font-size-hero-3)";
+                    readonly "4": "var(--primitive-font-size-hero-4)";
+                };
+                readonly title: {
+                    readonly "1": "var(--primitive-font-size-title-1)";
+                    readonly "2": "var(--primitive-font-size-title-2)";
+                    readonly "3": "var(--primitive-font-size-title-3)";
+                    readonly "4": "var(--primitive-font-size-title-4)";
+                };
+                readonly body: {
+                    readonly lg: "var(--primitive-font-size-body-lg)";
+                    readonly md: "var(--primitive-font-size-body-md)";
+                    readonly sm: "var(--primitive-font-size-body-sm)";
+                    readonly xs: "var(--primitive-font-size-body-xs)";
+                    readonly "2xs": "var(--primitive-font-size-body-2xs)";
+                };
+                readonly label: {
+                    readonly lg: "var(--primitive-font-size-label-lg)";
+                    readonly md: "var(--primitive-font-size-label-md)";
+                    readonly sm: "var(--primitive-font-size-label-sm)";
+                    readonly xs: "var(--primitive-font-size-label-xs)";
+                };
+                readonly syntax: {
+                    readonly lg: "var(--primitive-font-size-syntax-lg)";
+                    readonly md: "var(--primitive-font-size-syntax-md)";
+                    readonly sm: "var(--primitive-font-size-syntax-sm)";
+                    readonly xs: "var(--primitive-font-size-syntax-xs)";
+                };
+            };
+            readonly font: {
+                readonly lineHeight: {
+                    readonly hero: {
+                        readonly "1": "var(--primitive-font-line-height-hero-1)";
+                        readonly "2": "var(--primitive-font-line-height-hero-2)";
+                        readonly "3": "var(--primitive-font-line-height-hero-3)";
+                        readonly "4": "var(--primitive-font-line-height-hero-4)";
+                    };
+                    readonly title: {
+                        readonly "1": "var(--primitive-font-line-height-title-1)";
+                        readonly "2": "var(--primitive-font-line-height-title-2)";
+                        readonly "3": "var(--primitive-font-line-height-title-3)";
+                        readonly "4": "var(--primitive-font-line-height-title-4)";
+                    };
+                    readonly label: {
+                        readonly lg: "var(--primitive-font-line-height-label-lg)";
+                        readonly md: "var(--primitive-font-line-height-label-md)";
+                        readonly sm: "var(--primitive-font-line-height-label-sm)";
+                        readonly xs: "var(--primitive-font-line-height-label-xs)";
+                    };
+                    readonly body: {
+                        readonly lg: "var(--primitive-font-line-height-body-lg)";
+                        readonly md: "var(--primitive-font-line-height-body-md)";
+                        readonly sm: "var(--primitive-font-line-height-body-sm)";
+                        readonly xs: "var(--primitive-font-line-height-body-xs)";
+                        readonly "2xs": "var(--primitive-font-line-height-body-2xs)";
+                    };
+                    readonly syntax: {
+                        readonly lg: "var(--primitive-font-line-height-syntax-lg)";
+                        readonly md: "var(--primitive-font-line-height-syntax-md)";
+                        readonly sm: "var(--primitive-font-line-height-syntax-sm)";
+                        readonly xs: "var(--primitive-font-line-height-syntax-xs)";
+                    };
+                };
+                readonly letterSpacing: {
+                    readonly hero: {
+                        readonly "1": "var(--primitive-font-letter-spacing-hero-1)";
+                        readonly "2": "var(--primitive-font-letter-spacing-hero-2)";
+                        readonly "3": "var(--primitive-font-letter-spacing-hero-3)";
+                        readonly "4": "var(--primitive-font-letter-spacing-hero-4)";
+                    };
+                    readonly title: {
+                        readonly "1": "var(--primitive-font-letter-spacing-title-1)";
+                        readonly "2": "var(--primitive-font-letter-spacing-title-2)";
+                        readonly "3": "var(--primitive-font-letter-spacing-title-3)";
+                        readonly "4": "var(--primitive-font-letter-spacing-title-4)";
+                    };
+                    readonly label: {
+                        readonly lg: "var(--primitive-font-letter-spacing-label-lg)";
+                        readonly md: "var(--primitive-font-letter-spacing-label-md)";
+                        readonly sm: "var(--primitive-font-letter-spacing-label-sm)";
+                        readonly xs: "var(--primitive-font-letter-spacing-label-xs)";
+                    };
+                    readonly body: {
+                        readonly lg: "var(--primitive-font-letter-spacing-body-lg)";
+                        readonly md: "var(--primitive-font-letter-spacing-body-md)";
+                        readonly sm: "var(--primitive-font-letter-spacing-body-sm)";
+                        readonly xs: "var(--primitive-font-letter-spacing-body-xs)";
+                        readonly "2xs": "var(--primitive-font-letter-spacing-body-2xs)";
+                    };
+                };
+            };
+            readonly fontWeight: {
+                readonly hero: {
+                    readonly normal: "var(--primitive-font-weight-hero-normal)";
+                    readonly bold: "var(--primitive-font-weight-hero-bold)";
+                };
+                readonly title: {
+                    readonly normal: "var(--primitive-font-weight-title-normal)";
+                    readonly bold: "var(--primitive-font-weight-title-bold)";
+                };
+                readonly label: {
+                    readonly normal: "var(--primitive-font-weight-label-normal)";
+                    readonly bold: "var(--primitive-font-weight-label-bold)";
+                    readonly subtle: "var(--primitive-font-weight-label-subtle)";
+                };
+                readonly body: {
+                    readonly normal: "var(--primitive-font-weight-body-normal)";
+                    readonly bold: "var(--primitive-font-weight-body-bold)";
+                };
+                readonly syntax: {
+                    readonly normal: "var(--primitive-font-weight-syntax-normal)";
+                };
+            };
+        };
+    };
+    readonly textStyle: {
+        readonly "semantic-textStyle-hero-4": {
+            readonly fontSize: "var(--primitive-font-size-hero-4)";
+            readonly lineHeight: "var(--primitive-font-line-height-hero-4)";
+            readonly fontFamily: "var(--primitive-typeface-hero)";
+            readonly fontWeight: "var(--primitive-font-weight-hero-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-hero-4)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-hero-3": {
+            readonly fontSize: "var(--primitive-font-size-hero-3)";
+            readonly lineHeight: "var(--primitive-font-line-height-hero-3)";
+            readonly fontFamily: "var(--primitive-typeface-hero)";
+            readonly fontWeight: "var(--primitive-font-weight-hero-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-hero-3)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-hero-2": {
+            readonly fontSize: "var(--primitive-font-size-hero-2)";
+            readonly lineHeight: "var(--primitive-font-line-height-hero-2)";
+            readonly fontFamily: "var(--primitive-typeface-hero)";
+            readonly fontWeight: "var(--primitive-font-weight-hero-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-hero-2)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-hero-1": {
+            readonly fontSize: "var(--primitive-font-size-hero-1)";
+            readonly lineHeight: "var(--primitive-font-line-height-hero-1)";
+            readonly fontFamily: "var(--primitive-typeface-hero)";
+            readonly fontWeight: "var(--primitive-font-weight-hero-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-hero-1)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-title-4": {
+            readonly fontSize: "var(--primitive-font-size-title-4)";
+            readonly lineHeight: "var(--primitive-font-line-height-title-4)";
+            readonly fontFamily: "var(--primitive-typeface-title)";
+            readonly fontWeight: "var(--primitive-font-weight-title-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-title-4)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-title-3": {
+            readonly fontSize: "var(--primitive-font-size-title-3)";
+            readonly lineHeight: "var(--primitive-font-line-height-title-3)";
+            readonly fontFamily: "var(--primitive-typeface-title)";
+            readonly fontWeight: "var(--primitive-font-weight-title-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-title-3)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-title-2": {
+            readonly fontSize: "var(--primitive-font-size-title-2)";
+            readonly lineHeight: "var(--primitive-font-line-height-title-2)";
+            readonly fontFamily: "var(--primitive-typeface-title)";
+            readonly fontWeight: "var(--primitive-font-weight-title-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-title-2)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-title-1": {
+            readonly fontSize: "var(--primitive-font-size-title-1)";
+            readonly lineHeight: "var(--primitive-font-line-height-title-1)";
+            readonly fontFamily: "var(--primitive-typeface-title)";
+            readonly fontWeight: "var(--primitive-font-weight-title-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-title-1)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-lg-bold": {
+            readonly fontSize: "var(--primitive-font-size-label-lg)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-lg)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-lg)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-lg-normal": {
+            readonly fontSize: "var(--primitive-font-size-label-lg)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-lg)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-lg)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-lg-subtle": {
+            readonly fontSize: "var(--primitive-font-size-label-lg)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-lg)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-subtle)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-lg)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-md-bold": {
+            readonly fontSize: "var(--primitive-font-size-label-md)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-md)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-md)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-md-normal": {
+            readonly fontSize: "var(--primitive-font-size-label-md)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-md)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-md)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-md-subtle": {
+            readonly fontSize: "var(--primitive-font-size-label-md)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-md)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-subtle)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-md)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-sm-bold": {
+            readonly fontSize: "var(--primitive-font-size-label-sm)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-sm)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-sm)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-sm-normal": {
+            readonly fontSize: "var(--primitive-font-size-label-sm)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-sm)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-sm)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-sm-subtle": {
+            readonly fontSize: "var(--primitive-font-size-label-sm)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-sm)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-subtle)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-sm)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-xs-bold": {
+            readonly fontSize: "var(--primitive-font-size-label-xs)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-xs)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-xs)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-xs-normal": {
+            readonly fontSize: "var(--primitive-font-size-label-xs)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-xs)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-xs)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-label-xs-subtle": {
+            readonly fontSize: "var(--primitive-font-size-label-xs)";
+            readonly lineHeight: "var(--primitive-font-line-height-label-xs)";
+            readonly fontFamily: "var(--primitive-typeface-label)";
+            readonly fontWeight: "var(--primitive-font-weight-label-subtle)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-label-xs)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-lg-bold": {
+            readonly fontSize: "var(--primitive-font-size-body-lg)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-lg)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-lg)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-lg-normal": {
+            readonly fontSize: "var(--primitive-font-size-body-lg)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-lg)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-lg)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-md-bold": {
+            readonly fontSize: "var(--primitive-font-size-body-md)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-md)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-md)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-md-normal": {
+            readonly fontSize: "var(--primitive-font-size-body-md)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-md)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-md)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-sm-bold": {
+            readonly fontSize: "var(--primitive-font-size-body-sm)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-sm)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-sm)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-sm-normal": {
+            readonly fontSize: "var(--primitive-font-size-body-sm)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-sm)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-sm)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-xs-bold": {
+            readonly fontSize: "var(--primitive-font-size-body-xs)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-xs)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-xs)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-xs-normal": {
+            readonly fontSize: "var(--primitive-font-size-body-xs)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-xs)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-xs)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-2xs-bold": {
+            readonly fontSize: "var(--primitive-font-size-body-2xs)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-2xs)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-bold)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-2xs)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-body-2xs-normal": {
+            readonly fontSize: "var(--primitive-font-size-body-2xs)";
+            readonly lineHeight: "var(--primitive-font-line-height-body-2xs)";
+            readonly fontFamily: "var(--primitive-typeface-body)";
+            readonly fontWeight: "var(--primitive-font-weight-body-normal)";
+            readonly letterSpacing: "var(--primitive-font-letter-spacing-body-2xs)";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-syntax-lg": {
+            readonly fontSize: "var(--primitive-font-size-syntax-lg)";
+            readonly lineHeight: "var(--primitive-font-line-height-syntax-lg)";
+            readonly fontFamily: "var(--primitive-typeface-syntax)";
+            readonly fontWeight: "var(--primitive-font-weight-syntax-normal)";
+            readonly letterSpacing: "0%";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-syntax-md": {
+            readonly fontSize: "var(--primitive-font-size-syntax-md)";
+            readonly lineHeight: "var(--primitive-font-line-height-syntax-md)";
+            readonly fontFamily: "var(--primitive-typeface-syntax)";
+            readonly fontWeight: "var(--primitive-font-weight-syntax-normal)";
+            readonly letterSpacing: "0%";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-syntax-sm": {
+            readonly fontSize: "var(--primitive-font-size-syntax-sm)";
+            readonly lineHeight: "var(--primitive-font-line-height-syntax-sm)";
+            readonly fontFamily: "var(--primitive-typeface-syntax)";
+            readonly fontWeight: "var(--primitive-font-weight-syntax-normal)";
+            readonly letterSpacing: "0%";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+        readonly "semantic-textStyle-syntax-xs": {
+            readonly fontSize: "var(--primitive-font-size-syntax-xs)";
+            readonly lineHeight: "var(--primitive-font-line-height-syntax-xs)";
+            readonly fontFamily: "var(--primitive-typeface-syntax)";
+            readonly fontWeight: "var(--primitive-font-weight-syntax-normal)";
+            readonly letterSpacing: "0%";
+            readonly paragraphSpacing: "0px";
+            readonly paragraphIndent: "0px";
+        };
+    };
+    readonly breakPoint: {
+        readonly desktop: "@media (min-width: 1200px) and (max-width: 2560px)";
+        readonly tablet: "@media (min-width: 768px) and (max-width: 1199px)";
+        readonly mobile: "@media (min-width: 320px) and (max-width: 767px)";
+    };
+};
+
+export { globalStyles, theme };