export const tokens: Readonly<{
    darkTheme: Readonly<{
        gradient: Readonly<{
            "alpha-gradient-fg-black": Readonly<{
                value: "linear-gradient(90deg, #ffffff1f 0%, #ffffff33 100%)";
                ref: "linear-gradient(90deg, alpha-color-bg-black-light 0%, alpha-color-bg-black-dark 100%)";
            }>;
        }>;
        shadow: Readonly<{
            "alpha-shadow-1": Readonly<{
                value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 1px 2px 0 #00000026";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 1px 2px 0 alpha-color-shadow-small";
            }>;
            "alpha-shadow-2": Readonly<{
                value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 2px 6px 0 #00000026";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 2px 6px 0 alpha-color-shadow-small";
            }>;
            "alpha-shadow-3": Readonly<{
                value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 4px 16px 0 #00000033";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 4px 16px 0 alpha-color-shadow-medium";
            }>;
            "alpha-shadow-4": Readonly<{
                value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 4px 24px 0 #00000066";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 4px 24px 0 alpha-color-shadow-large";
            }>;
            "alpha-shadow-5": Readonly<{
                value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 6px 40px 0 #00000099";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 6px 40px 0 alpha-color-shadow-xlarge";
            }>;
            "alpha-shadow-6": Readonly<{
                value: "inset 0 0 2px 0 #ffffff14, 0 0 2px 1px #00000014, 0 12px 60px 4px #00000099";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 12px 60px 4px alpha-color-shadow-xlarge";
            }>;
            "alpha-shadow-error": Readonly<{
                value: "0 0 0 1px #ffa15e";
                ref: "0 0 0 1px alpha-color-warning-bg-normal";
            }>;
            "alpha-shadow-active": Readonly<{
                value: "0 0 0 1px #7d9efa";
                ref: "0 0 0 1px alpha-color-primary-bg-normal";
            }>;
            "alpha-shadow-input-default": Readonly<{
                value: "inset 0 0 0 1px #00000033, 0 0 2px 0 #00000014";
                ref: "inset 0 0 0 1px alpha-color-shadow-medium, 0 0 2px 0 alpha-color-shadow-base";
            }>;
            "alpha-shadow-input-hover": Readonly<{
                value: "inset 0 0 0 1px #7d9efa, 0 0 6px 0 #00000014";
                ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 6px 0 alpha-color-shadow-base";
            }>;
            "alpha-shadow-input-active": Readonly<{
                value: "inset 0 0 0 1px #7d9efa, 0 0 0 3px #7d9efa73, 0 0 6px 0 #00000014";
                ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 0 3px alpha-color-primary-bg-light, 0 0 6px 0 alpha-color-shadow-base";
            }>;
            "alpha-shadow-input-error": Readonly<{
                value: "inset 0 0 0 1px #ffa15e, 0 0 0 3px #ffa15e73, 0 0 6px 0 #00000014";
                ref: "inset 0 0 0 1px alpha-color-warning-bg-normal, 0 0 0 3px alpha-color-warning-bg-light, 0 0 6px 0 alpha-color-shadow-base";
            }>;
        }>;
        color: Readonly<{
            "alpha-color-fg-black-pure": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-fg-black-pure-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-fg-black-darkest": Readonly<{
                value: "#ffffffcc";
                ref: "alpha-color-white-80";
            }>;
            "alpha-color-fg-black-darkest-hovered": Readonly<{
                value: "#edededcc";
            }>;
            "alpha-color-fg-black-darker": Readonly<{
                value: "#ffffff99";
                ref: "alpha-color-white-60";
            }>;
            "alpha-color-fg-black-darker-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "alpha-color-fg-black-dark": Readonly<{
                value: "#ffffff66";
                ref: "alpha-color-white-40";
            }>;
            "alpha-color-fg-black-dark-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "alpha-color-fg-black-light": Readonly<{
                value: "#ffffff33";
                ref: "alpha-color-white-20";
            }>;
            "alpha-color-fg-black-light-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "alpha-color-fg-black-lightest": Readonly<{
                value: "#ffffff1f";
                ref: "alpha-color-white-12";
            }>;
            "alpha-color-fg-black-lightest-hovered": Readonly<{
                value: "#ededed2f";
            }>;
            "alpha-color-fg-white-normal": Readonly<{
                value: "#242428";
                ref: "alpha-color-grey-900";
            }>;
            "alpha-color-fg-white-normal-hovered": Readonly<{
                value: "#2e2e33ff";
            }>;
            "alpha-color-fg-blue-normal": Readonly<{
                value: "#7d9efa";
                ref: "alpha-color-blue-300";
            }>;
            "alpha-color-fg-blue-normal-hovered": Readonly<{
                value: "#93aefbff";
            }>;
            "alpha-color-fg-blue-light": Readonly<{
                value: "#7d9efa73";
                ref: "alpha-color-blue-300-45";
            }>;
            "alpha-color-fg-blue-light-hovered": Readonly<{
                value: "#93aefb73";
            }>;
            "alpha-color-fg-blue-dark": Readonly<{
                value: "#7d9efa";
                ref: "alpha-color-blue-300";
            }>;
            "alpha-color-fg-blue-dark-hovered": Readonly<{
                value: "#93aefbff";
            }>;
            "alpha-color-fg-cobalt-normal": Readonly<{
                value: "#71b9f5";
                ref: "alpha-color-cobalt-300";
            }>;
            "alpha-color-fg-cobalt-normal-hovered": Readonly<{
                value: "#83c4faff";
            }>;
            "alpha-color-fg-cobalt-light": Readonly<{
                value: "#71b9f573";
                ref: "alpha-color-cobalt-300-45";
            }>;
            "alpha-color-fg-cobalt-light-hovered": Readonly<{
                value: "#83c4fa73";
            }>;
            "alpha-color-fg-cobalt-dark": Readonly<{
                value: "#71b9f5";
                ref: "alpha-color-cobalt-300";
            }>;
            "alpha-color-fg-cobalt-dark-hovered": Readonly<{
                value: "#83c4faff";
            }>;
            "alpha-color-fg-red-normal": Readonly<{
                value: "#ff8c8c";
                ref: "alpha-color-red-300";
            }>;
            "alpha-color-fg-red-normal-hovered": Readonly<{
                value: "#ffa2a2ff";
            }>;
            "alpha-color-fg-red-light": Readonly<{
                value: "#ff8c8c73";
                ref: "alpha-color-red-300-45";
            }>;
            "alpha-color-fg-red-light-hovered": Readonly<{
                value: "#ffa2a273";
            }>;
            "alpha-color-fg-red-dark": Readonly<{
                value: "#ff8c8c";
                ref: "alpha-color-red-300";
            }>;
            "alpha-color-fg-red-dark-hovered": Readonly<{
                value: "#ffa2a2ff";
            }>;
            "alpha-color-fg-orange-normal": Readonly<{
                value: "#ffa15e";
                ref: "alpha-color-orange-300";
            }>;
            "alpha-color-fg-orange-normal-hovered": Readonly<{
                value: "#ffae74ff";
            }>;
            "alpha-color-fg-orange-light": Readonly<{
                value: "#ffa15e73";
                ref: "alpha-color-orange-300-45";
            }>;
            "alpha-color-fg-orange-light-hovered": Readonly<{
                value: "#ffae7473";
            }>;
            "alpha-color-fg-orange-dark": Readonly<{
                value: "#ffa15e";
                ref: "alpha-color-orange-300";
            }>;
            "alpha-color-fg-orange-dark-hovered": Readonly<{
                value: "#ffae74ff";
            }>;
            "alpha-color-fg-green-normal": Readonly<{
                value: "#68cc7f";
                ref: "alpha-color-green-300";
            }>;
            "alpha-color-fg-green-normal-hovered": Readonly<{
                value: "#74d68bff";
            }>;
            "alpha-color-fg-green-light": Readonly<{
                value: "#68cc7f73";
                ref: "alpha-color-green-300-45";
            }>;
            "alpha-color-fg-green-light-hovered": Readonly<{
                value: "#74d68b73";
            }>;
            "alpha-color-fg-green-dark": Readonly<{
                value: "#68cc7f";
                ref: "alpha-color-green-300";
            }>;
            "alpha-color-fg-green-dark-hovered": Readonly<{
                value: "#74d68bff";
            }>;
            "alpha-color-fg-teal-normal": Readonly<{
                value: "#40d3c5";
                ref: "alpha-color-teal-300";
            }>;
            "alpha-color-fg-teal-normal-hovered": Readonly<{
                value: "#4cdccfff";
            }>;
            "alpha-color-fg-teal-light": Readonly<{
                value: "#40d3c573";
                ref: "alpha-color-teal-300-45";
            }>;
            "alpha-color-fg-teal-light-hovered": Readonly<{
                value: "#4cdccf73";
            }>;
            "alpha-color-fg-teal-dark": Readonly<{
                value: "#40d3c5";
                ref: "alpha-color-teal-300";
            }>;
            "alpha-color-fg-teal-dark-hovered": Readonly<{
                value: "#4cdccfff";
            }>;
            "alpha-color-fg-olive-normal": Readonly<{
                value: "#c8d630";
                ref: "alpha-color-olive-300";
            }>;
            "alpha-color-fg-olive-normal-hovered": Readonly<{
                value: "#d2df3dff";
            }>;
            "alpha-color-fg-olive-light": Readonly<{
                value: "#c8d63073";
                ref: "alpha-color-olive-300-45";
            }>;
            "alpha-color-fg-olive-light-hovered": Readonly<{
                value: "#d2df3d73";
            }>;
            "alpha-color-fg-olive-dark": Readonly<{
                value: "#c8d630";
                ref: "alpha-color-olive-300";
            }>;
            "alpha-color-fg-olive-dark-hovered": Readonly<{
                value: "#d2df3dff";
            }>;
            "alpha-color-fg-yellow-normal": Readonly<{
                value: "#f9c835";
                ref: "alpha-color-yellow-300";
            }>;
            "alpha-color-fg-yellow-normal-hovered": Readonly<{
                value: "#face4aff";
            }>;
            "alpha-color-fg-yellow-light": Readonly<{
                value: "#f9c83573";
                ref: "alpha-color-yellow-300-45";
            }>;
            "alpha-color-fg-yellow-light-hovered": Readonly<{
                value: "#face4a73";
            }>;
            "alpha-color-fg-yellow-dark": Readonly<{
                value: "#f9c835";
                ref: "alpha-color-yellow-300";
            }>;
            "alpha-color-fg-yellow-dark-hovered": Readonly<{
                value: "#face4aff";
            }>;
            "alpha-color-fg-pink-normal": Readonly<{
                value: "#ec6fd3";
                ref: "alpha-color-pink-300";
            }>;
            "alpha-color-fg-pink-normal-hovered": Readonly<{
                value: "#f27fdbff";
            }>;
            "alpha-color-fg-pink-light": Readonly<{
                value: "#ec6fd373";
                ref: "alpha-color-pink-300-45";
            }>;
            "alpha-color-fg-pink-light-hovered": Readonly<{
                value: "#f27fdb73";
            }>;
            "alpha-color-fg-pink-dark": Readonly<{
                value: "#ec6fd3";
                ref: "alpha-color-pink-300";
            }>;
            "alpha-color-fg-pink-dark-hovered": Readonly<{
                value: "#f27fdbff";
            }>;
            "alpha-color-fg-purple-normal": Readonly<{
                value: "#b184ff";
                ref: "alpha-color-purple-300";
            }>;
            "alpha-color-fg-purple-normal-hovered": Readonly<{
                value: "#bf9affff";
            }>;
            "alpha-color-fg-purple-light": Readonly<{
                value: "#b184ff73";
                ref: "alpha-color-purple-300-45";
            }>;
            "alpha-color-fg-purple-light-hovered": Readonly<{
                value: "#bf9aff73";
            }>;
            "alpha-color-fg-purple-dark": Readonly<{
                value: "#b184ff";
                ref: "alpha-color-purple-300";
            }>;
            "alpha-color-fg-purple-dark-hovered": Readonly<{
                value: "#bf9affff";
            }>;
            "alpha-color-fg-navy-normal": Readonly<{
                value: "#7683d3";
                ref: "alpha-color-navy-300";
            }>;
            "alpha-color-fg-navy-normal-hovered": Readonly<{
                value: "#838fdcff";
            }>;
            "alpha-color-fg-navy-light": Readonly<{
                value: "#7683d373";
                ref: "alpha-color-navy-300-45";
            }>;
            "alpha-color-fg-navy-light-hovered": Readonly<{
                value: "#838fdc73";
            }>;
            "alpha-color-fg-navy-dark": Readonly<{
                value: "#7683d3";
                ref: "alpha-color-navy-300";
            }>;
            "alpha-color-fg-navy-dark-hovered": Readonly<{
                value: "#838fdcff";
            }>;
            "alpha-color-fg-absolute-black-dark": Readonly<{
                value: "#000000";
                ref: "alpha-color-black-100";
            }>;
            "alpha-color-fg-absolute-black-dark-hovered": Readonly<{
                value: "#0a0a0aff";
            }>;
            "alpha-color-fg-absolute-black-normal": Readonly<{
                value: "#000000d9";
                ref: "alpha-color-black-85";
            }>;
            "alpha-color-fg-absolute-black-normal-hovered": Readonly<{
                value: "#0a0a0ad9";
            }>;
            "alpha-color-fg-absolute-black-light": Readonly<{
                value: "#00000099";
                ref: "alpha-color-black-60";
            }>;
            "alpha-color-fg-absolute-black-light-hovered": Readonly<{
                value: "#0a0a0a99";
            }>;
            "alpha-color-fg-absolute-black-lighter": Readonly<{
                value: "#00000066";
                ref: "alpha-color-black-40";
            }>;
            "alpha-color-fg-absolute-black-lighter-hovered": Readonly<{
                value: "#0a0a0a66";
            }>;
            "alpha-color-fg-absolute-black-lightest": Readonly<{
                value: "#00000033";
                ref: "alpha-color-black-20";
            }>;
            "alpha-color-fg-absolute-black-lightest-hovered": Readonly<{
                value: "#0a0a0a4d";
            }>;
            "alpha-color-fg-absolute-white-dark": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-fg-absolute-white-dark-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-fg-absolute-white-normal": Readonly<{
                value: "#ffffffe6";
                ref: "alpha-color-white-90";
            }>;
            "alpha-color-fg-absolute-white-normal-hovered": Readonly<{
                value: "#ededede6";
            }>;
            "alpha-color-fg-absolute-white-light": Readonly<{
                value: "#ffffff99";
                ref: "alpha-color-white-60";
            }>;
            "alpha-color-fg-absolute-white-light-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "alpha-color-fg-absolute-white-lighter": Readonly<{
                value: "#ffffff66";
                ref: "alpha-color-white-40";
            }>;
            "alpha-color-fg-absolute-white-lighter-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "alpha-color-fg-absolute-white-lightest": Readonly<{
                value: "#ffffff33";
                ref: "alpha-color-white-20";
            }>;
            "alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "alpha-color-fg-grey-darkest": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-fg-grey-darkest-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-fg-grey-dark": Readonly<{
                value: "#a7a7aa";
                ref: "alpha-color-grey-500";
            }>;
            "alpha-color-fg-grey-dark-hovered": Readonly<{
                value: "#b2b2b5ff";
            }>;
            "alpha-color-fg-grey-normal": Readonly<{
                value: "#7b7b7b";
                ref: "alpha-color-grey-600";
            }>;
            "alpha-color-fg-grey-normal-hovered": Readonly<{
                value: "#868686ff";
            }>;
            "alpha-color-fg-grey-light": Readonly<{
                value: "#464748";
                ref: "alpha-color-grey-700";
            }>;
            "alpha-color-fg-grey-light-hovered": Readonly<{
                value: "#505253ff";
            }>;
            "alpha-color-fg-grey-lighter": Readonly<{
                value: "#313234";
                ref: "alpha-color-grey-800";
            }>;
            "alpha-color-fg-grey-lighter-hovered": Readonly<{
                value: "#3b3c3fff";
            }>;
            "alpha-color-fg-grey-lightest": Readonly<{
                value: "#2a2b2d";
                ref: "alpha-color-grey-850";
            }>;
            "alpha-color-fg-grey-lightest-hovered": Readonly<{
                value: "#343538ff";
            }>;
            "alpha-color-fg-grey-alpha-darker": Readonly<{
                value: "#313234e6";
                ref: "alpha-color-grey-alpha-800-90";
            }>;
            "alpha-color-fg-grey-alpha-darker-hovered": Readonly<{
                value: "#3b3c3fe6";
            }>;
            "alpha-color-fg-grey-alpha-dark": Readonly<{
                value: "#313234cc";
                ref: "alpha-color-grey-alpha-800-80";
            }>;
            "alpha-color-fg-grey-alpha-dark-hovered": Readonly<{
                value: "#3b3c3fcc";
            }>;
            "alpha-color-fg-grey-alpha-light": Readonly<{
                value: "#2a2b2dcc";
                ref: "alpha-color-grey-alpha-850-80";
            }>;
            "alpha-color-fg-grey-alpha-light-hovered": Readonly<{
                value: "#343538cc";
            }>;
            "alpha-color-bg-black-darkest": Readonly<{
                value: "#00000099";
                ref: "alpha-color-black-60";
            }>;
            "alpha-color-bg-black-darkest-hovered": Readonly<{
                value: "#0a0a0a99";
            }>;
            "alpha-color-bg-black-darker": Readonly<{
                value: "#ffffff66";
                ref: "alpha-color-white-40";
            }>;
            "alpha-color-bg-black-darker-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "alpha-color-bg-black-dark": Readonly<{
                value: "#ffffff33";
                ref: "alpha-color-white-20";
            }>;
            "alpha-color-bg-black-dark-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "alpha-color-bg-black-light": Readonly<{
                value: "#ffffff1f";
                ref: "alpha-color-white-12";
            }>;
            "alpha-color-bg-black-light-hovered": Readonly<{
                value: "#ededed2f";
            }>;
            "alpha-color-bg-black-lighter": Readonly<{
                value: "#ffffff14";
                ref: "alpha-color-white-8";
            }>;
            "alpha-color-bg-black-lighter-hovered": Readonly<{
                value: "#ededed1e";
            }>;
            "alpha-color-bg-black-lightest": Readonly<{
                value: "#ffffff0d";
                ref: "alpha-color-white-5";
            }>;
            "alpha-color-bg-black-lightest-hovered": Readonly<{
                value: "#ededed14";
            }>;
            "alpha-color-bg-black-transparent": Readonly<{
                value: "#ffffff00";
                ref: "alpha-color-white-0";
            }>;
            "alpha-color-bg-black-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "alpha-color-bg-grey-darkest": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-bg-grey-darkest-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-bg-grey-dark": Readonly<{
                value: "#a7a7aa";
                ref: "alpha-color-grey-500";
            }>;
            "alpha-color-bg-grey-dark-hovered": Readonly<{
                value: "#b2b2b5ff";
            }>;
            "alpha-color-bg-grey-light": Readonly<{
                value: "#464748";
                ref: "alpha-color-grey-700";
            }>;
            "alpha-color-bg-grey-light-hovered": Readonly<{
                value: "#505253ff";
            }>;
            "alpha-color-bg-grey-lighter": Readonly<{
                value: "#313234";
                ref: "alpha-color-grey-800";
            }>;
            "alpha-color-bg-grey-lighter-hovered": Readonly<{
                value: "#3b3c3fff";
            }>;
            "alpha-color-bg-grey-lightest": Readonly<{
                value: "#2a2b2d";
                ref: "alpha-color-grey-850";
            }>;
            "alpha-color-bg-grey-lightest-hovered": Readonly<{
                value: "#343538ff";
            }>;
            "alpha-color-bg-grey-transparent": Readonly<{
                value: "#ffffff00";
                ref: "alpha-color-white-0";
            }>;
            "alpha-color-bg-grey-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "alpha-color-bg-grey-normal": Readonly<{
                value: "#7b7b7b";
                ref: "alpha-color-grey-600";
            }>;
            "alpha-color-bg-grey-normal-hovered": Readonly<{
                value: "#868686ff";
            }>;
            "alpha-color-bg-grey-alpha-darkest": Readonly<{
                value: "#464748cc";
                ref: "alpha-color-grey-alpha-700-80";
            }>;
            "alpha-color-bg-grey-alpha-darkest-hovered": Readonly<{
                value: "#505253cc";
            }>;
            "alpha-color-bg-grey-alpha-darker": Readonly<{
                value: "#313234e6";
                ref: "alpha-color-grey-alpha-800-90";
            }>;
            "alpha-color-bg-grey-alpha-darker-hovered": Readonly<{
                value: "#3b3c3fe6";
            }>;
            "alpha-color-bg-grey-alpha-dark": Readonly<{
                value: "#313234cc";
                ref: "alpha-color-grey-alpha-800-80";
            }>;
            "alpha-color-bg-grey-alpha-dark-hovered": Readonly<{
                value: "#3b3c3fcc";
            }>;
            "alpha-color-bg-grey-alpha-light": Readonly<{
                value: "#2a2b2dcc";
                ref: "alpha-color-grey-alpha-850-80";
            }>;
            "alpha-color-bg-grey-alpha-light-hovered": Readonly<{
                value: "#343538cc";
            }>;
            "alpha-color-bg-white-highest": Readonly<{
                value: "#464748";
                ref: "alpha-color-grey-700";
            }>;
            "alpha-color-bg-white-highest-hovered": Readonly<{
                value: "#505253ff";
            }>;
            "alpha-color-bg-white-higher": Readonly<{
                value: "#313234";
                ref: "alpha-color-grey-800";
            }>;
            "alpha-color-bg-white-higher-hovered": Readonly<{
                value: "#3b3c3fff";
            }>;
            "alpha-color-bg-white-normal": Readonly<{
                value: "#242428";
                ref: "alpha-color-grey-900";
            }>;
            "alpha-color-bg-white-normal-hovered": Readonly<{
                value: "#2e2e33ff";
            }>;
            "alpha-color-bg-white-transparent": Readonly<{
                value: "#ffffff00";
                ref: "alpha-color-white-0";
            }>;
            "alpha-color-bg-white-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "alpha-color-bg-white-alpha-lightest": Readonly<{
                value: "#313234cc";
                ref: "alpha-color-grey-alpha-800-80";
            }>;
            "alpha-color-bg-white-alpha-lightest-hovered": Readonly<{
                value: "#3b3c3fcc";
            }>;
            "alpha-color-bg-white-alpha-lighter": Readonly<{
                value: "#00000099";
                ref: "alpha-color-black-60";
            }>;
            "alpha-color-bg-white-alpha-lighter-hovered": Readonly<{
                value: "#0a0a0a99";
            }>;
            "alpha-color-bg-white-alpha-light": Readonly<{
                value: "#00000033";
                ref: "alpha-color-black-20";
            }>;
            "alpha-color-bg-white-alpha-light-hovered": Readonly<{
                value: "#0a0a0a4d";
            }>;
            "alpha-color-bg-white-alpha-transparent": Readonly<{
                value: "#00000000";
                ref: "alpha-color-black-0";
            }>;
            "alpha-color-bg-white-alpha-transparent-hovered": Readonly<{
                value: "#0000000d";
            }>;
            "alpha-color-bg-blue-normal": Readonly<{
                value: "#7d9efa";
                ref: "alpha-color-blue-300";
            }>;
            "alpha-color-bg-blue-normal-hovered": Readonly<{
                value: "#93aefbff";
            }>;
            "alpha-color-bg-blue-light": Readonly<{
                value: "#7d9efa73";
                ref: "alpha-color-blue-300-45";
            }>;
            "alpha-color-bg-blue-light-hovered": Readonly<{
                value: "#93aefb73";
            }>;
            "alpha-color-bg-blue-lighter": Readonly<{
                value: "#7d9efa4d";
                ref: "alpha-color-blue-300-30";
            }>;
            "alpha-color-bg-blue-lighter-hovered": Readonly<{
                value: "#93aefb4d";
            }>;
            "alpha-color-bg-blue-lightest": Readonly<{
                value: "#7d9efa26";
                ref: "alpha-color-blue-300-15";
            }>;
            "alpha-color-bg-blue-lightest-hovered": Readonly<{
                value: "#93aefb39";
            }>;
            "alpha-color-bg-blue-dark": Readonly<{
                value: "#6d6afc";
                ref: "alpha-color-blue-400";
            }>;
            "alpha-color-bg-blue-dark-hovered": Readonly<{
                value: "#8280fcff";
            }>;
            "alpha-color-bg-blue-shade-lighter": Readonly<{
                value: "#4c528966";
                ref: "alpha-color-shade-blue-600-40";
            }>;
            "alpha-color-bg-blue-shade-lighter-hovered": Readonly<{
                value: "#4e569d66";
            }>;
            "alpha-color-bg-blue-shade-normal": Readonly<{
                value: "#4c5289";
                ref: "alpha-color-shade-blue-600";
            }>;
            "alpha-color-bg-blue-shade-normal-hovered": Readonly<{
                value: "#4e569dff";
            }>;
            "alpha-color-bg-blue-transparent": Readonly<{
                value: "#7d9efa00";
                ref: "alpha-color-blue-300-0";
            }>;
            "alpha-color-bg-blue-transparent-hovered": Readonly<{
                value: "#7d9efa1a";
            }>;
            "alpha-color-bg-cobalt-normal": Readonly<{
                value: "#71b9f5";
                ref: "alpha-color-cobalt-300";
            }>;
            "alpha-color-bg-cobalt-normal-hovered": Readonly<{
                value: "#83c4faff";
            }>;
            "alpha-color-bg-cobalt-light": Readonly<{
                value: "#71b9f573";
                ref: "alpha-color-cobalt-300-45";
            }>;
            "alpha-color-bg-cobalt-light-hovered": Readonly<{
                value: "#83c4fa73";
            }>;
            "alpha-color-bg-cobalt-lighter": Readonly<{
                value: "#71b9f54d";
                ref: "alpha-color-cobalt-300-30";
            }>;
            "alpha-color-bg-cobalt-lighter-hovered": Readonly<{
                value: "#83c4fa4d";
            }>;
            "alpha-color-bg-cobalt-lightest": Readonly<{
                value: "#71b9f526";
                ref: "alpha-color-cobalt-300-15";
            }>;
            "alpha-color-bg-cobalt-lightest-hovered": Readonly<{
                value: "#83c4fa39";
            }>;
            "alpha-color-bg-cobalt-dark": Readonly<{
                value: "#5093e5";
                ref: "alpha-color-cobalt-400";
            }>;
            "alpha-color-bg-cobalt-dark-hovered": Readonly<{
                value: "#5f9eecff";
            }>;
            "alpha-color-bg-cobalt-shade-lighter": Readonly<{
                value: "#4a618566";
                ref: "alpha-color-shade-cobalt-600-40";
            }>;
            "alpha-color-bg-cobalt-shade-lighter-hovered": Readonly<{
                value: "#4c6a9966";
            }>;
            "alpha-color-bg-cobalt-shade-normal": Readonly<{
                value: "#4a6185";
                ref: "alpha-color-shade-cobalt-600";
            }>;
            "alpha-color-bg-cobalt-shade-normal-hovered": Readonly<{
                value: "#4c6a99ff";
            }>;
            "alpha-color-bg-cobalt-transparent": Readonly<{
                value: "#71b9f500";
                ref: "alpha-color-cobalt-300-0";
            }>;
            "alpha-color-bg-cobalt-transparent-hovered": Readonly<{
                value: "#71b9f51a";
            }>;
            "alpha-color-bg-red-normal": Readonly<{
                value: "#ff8c8c";
                ref: "alpha-color-red-300";
            }>;
            "alpha-color-bg-red-normal-hovered": Readonly<{
                value: "#ffa2a2ff";
            }>;
            "alpha-color-bg-red-light": Readonly<{
                value: "#ff8c8c73";
                ref: "alpha-color-red-300-45";
            }>;
            "alpha-color-bg-red-light-hovered": Readonly<{
                value: "#ffa2a273";
            }>;
            "alpha-color-bg-red-lighter": Readonly<{
                value: "#ff8c8c4d";
                ref: "alpha-color-red-300-30";
            }>;
            "alpha-color-bg-red-lighter-hovered": Readonly<{
                value: "#ffa2a24d";
            }>;
            "alpha-color-bg-red-lightest": Readonly<{
                value: "#ff8c8c26";
                ref: "alpha-color-red-300-15";
            }>;
            "alpha-color-bg-red-lightest-hovered": Readonly<{
                value: "#ffa2a239";
            }>;
            "alpha-color-bg-red-dark": Readonly<{
                value: "#e55c5c";
                ref: "alpha-color-red-400";
            }>;
            "alpha-color-bg-red-dark-hovered": Readonly<{
                value: "#ec6b6bff";
            }>;
            "alpha-color-bg-red-shade-lighter": Readonly<{
                value: "#90424866";
                ref: "alpha-color-shade-red-600-40";
            }>;
            "alpha-color-bg-red-shade-lighter-hovered": Readonly<{
                value: "#a5434a66";
            }>;
            "alpha-color-bg-red-shade-normal": Readonly<{
                value: "#904248";
                ref: "alpha-color-shade-red-600";
            }>;
            "alpha-color-bg-red-shade-normal-hovered": Readonly<{
                value: "#a5434aff";
            }>;
            "alpha-color-bg-red-transparent": Readonly<{
                value: "#ff8c8c00";
                ref: "alpha-color-red-300-0";
            }>;
            "alpha-color-bg-red-transparent-hovered": Readonly<{
                value: "#ff8c8c1a";
            }>;
            "alpha-color-bg-orange-normal": Readonly<{
                value: "#ffa15e";
                ref: "alpha-color-orange-300";
            }>;
            "alpha-color-bg-orange-normal-hovered": Readonly<{
                value: "#ffae74ff";
            }>;
            "alpha-color-bg-orange-light": Readonly<{
                value: "#ffa15e73";
                ref: "alpha-color-orange-300-45";
            }>;
            "alpha-color-bg-orange-light-hovered": Readonly<{
                value: "#ffae7473";
            }>;
            "alpha-color-bg-orange-lighter": Readonly<{
                value: "#ffa15e4d";
                ref: "alpha-color-orange-300-30";
            }>;
            "alpha-color-bg-orange-lighter-hovered": Readonly<{
                value: "#ffae744d";
            }>;
            "alpha-color-bg-orange-lightest": Readonly<{
                value: "#ffa15e26";
                ref: "alpha-color-orange-300-15";
            }>;
            "alpha-color-bg-orange-lightest-hovered": Readonly<{
                value: "#ffae7439";
            }>;
            "alpha-color-bg-orange-dark": Readonly<{
                value: "#e67f2b";
                ref: "alpha-color-orange-400";
            }>;
            "alpha-color-bg-orange-dark-hovered": Readonly<{
                value: "#ee8a39ff";
            }>;
            "alpha-color-bg-orange-shade-lighter": Readonly<{
                value: "#895a3466";
                ref: "alpha-color-shade-orange-600-40";
            }>;
            "alpha-color-bg-orange-shade-lighter-hovered": Readonly<{
                value: "#9e643566";
            }>;
            "alpha-color-bg-orange-shade-normal": Readonly<{
                value: "#895a34";
                ref: "alpha-color-shade-orange-600";
            }>;
            "alpha-color-bg-orange-shade-normal-hovered": Readonly<{
                value: "#9e6435ff";
            }>;
            "alpha-color-bg-orange-transparent": Readonly<{
                value: "#ffa15e00";
                ref: "alpha-color-orange-300-0";
            }>;
            "alpha-color-bg-orange-transparent-hovered": Readonly<{
                value: "#ffa15e1a";
            }>;
            "alpha-color-bg-green-normal": Readonly<{
                value: "#68cc7f";
                ref: "alpha-color-green-300";
            }>;
            "alpha-color-bg-green-normal-hovered": Readonly<{
                value: "#74d68bff";
            }>;
            "alpha-color-bg-green-light": Readonly<{
                value: "#68cc7f73";
                ref: "alpha-color-green-300-45";
            }>;
            "alpha-color-bg-green-light-hovered": Readonly<{
                value: "#74d68b73";
            }>;
            "alpha-color-bg-green-lighter": Readonly<{
                value: "#68cc7f4d";
                ref: "alpha-color-green-300-30";
            }>;
            "alpha-color-bg-green-lighter-hovered": Readonly<{
                value: "#74d68b4d";
            }>;
            "alpha-color-bg-green-lightest": Readonly<{
                value: "#68cc7f26";
                ref: "alpha-color-green-300-15";
            }>;
            "alpha-color-bg-green-lightest-hovered": Readonly<{
                value: "#74d68b39";
            }>;
            "alpha-color-bg-green-dark": Readonly<{
                value: "#40ad67";
                ref: "alpha-color-green-400";
            }>;
            "alpha-color-bg-green-dark-hovered": Readonly<{
                value: "#41c16fff";
            }>;
            "alpha-color-bg-green-shade-lighter": Readonly<{
                value: "#4c7a5e66";
                ref: "alpha-color-shade-green-600-40";
            }>;
            "alpha-color-bg-green-shade-lighter-hovered": Readonly<{
                value: "#4f8d6766";
            }>;
            "alpha-color-bg-green-shade-normal": Readonly<{
                value: "#4c7a5e";
                ref: "alpha-color-shade-green-600";
            }>;
            "alpha-color-bg-green-shade-normal-hovered": Readonly<{
                value: "#4f8d67ff";
            }>;
            "alpha-color-bg-green-transparent": Readonly<{
                value: "#68cc7f00";
                ref: "alpha-color-green-300-0";
            }>;
            "alpha-color-bg-green-transparent-hovered": Readonly<{
                value: "#68cc7f1a";
            }>;
            "alpha-color-bg-teal-normal": Readonly<{
                value: "#40d3c5";
                ref: "alpha-color-teal-300";
            }>;
            "alpha-color-bg-teal-normal-hovered": Readonly<{
                value: "#4cdccfff";
            }>;
            "alpha-color-bg-teal-light": Readonly<{
                value: "#40d3c573";
                ref: "alpha-color-teal-300-45";
            }>;
            "alpha-color-bg-teal-light-hovered": Readonly<{
                value: "#4cdccf73";
            }>;
            "alpha-color-bg-teal-lighter": Readonly<{
                value: "#40d3c54d";
                ref: "alpha-color-teal-300-30";
            }>;
            "alpha-color-bg-teal-lighter-hovered": Readonly<{
                value: "#4cdccf4d";
            }>;
            "alpha-color-bg-teal-lightest": Readonly<{
                value: "#40d3c526";
                ref: "alpha-color-teal-300-15";
            }>;
            "alpha-color-bg-teal-lightest-hovered": Readonly<{
                value: "#4cdccf39";
            }>;
            "alpha-color-bg-teal-dark": Readonly<{
                value: "#09b2ac";
                ref: "alpha-color-teal-400";
            }>;
            "alpha-color-bg-teal-dark-hovered": Readonly<{
                value: "#0ac6c0ff";
            }>;
            "alpha-color-bg-teal-shade-lighter": Readonly<{
                value: "#47737d66";
                ref: "alpha-color-shade-teal-600-40";
            }>;
            "alpha-color-bg-teal-shade-lighter-hovered": Readonly<{
                value: "#49839066";
            }>;
            "alpha-color-bg-teal-shade-normal": Readonly<{
                value: "#47737d";
                ref: "alpha-color-shade-teal-600";
            }>;
            "alpha-color-bg-teal-shade-normal-hovered": Readonly<{
                value: "#498390ff";
            }>;
            "alpha-color-bg-teal-transparent": Readonly<{
                value: "#40d3c500";
                ref: "alpha-color-teal-300-0";
            }>;
            "alpha-color-bg-teal-transparent-hovered": Readonly<{
                value: "#40d3c51a";
            }>;
            "alpha-color-bg-olive-normal": Readonly<{
                value: "#c8d630";
                ref: "alpha-color-olive-300";
            }>;
            "alpha-color-bg-olive-normal-hovered": Readonly<{
                value: "#d2df3dff";
            }>;
            "alpha-color-bg-olive-light": Readonly<{
                value: "#c8d63073";
                ref: "alpha-color-olive-300-45";
            }>;
            "alpha-color-bg-olive-light-hovered": Readonly<{
                value: "#d2df3d73";
            }>;
            "alpha-color-bg-olive-lighter": Readonly<{
                value: "#c8d6304d";
                ref: "alpha-color-olive-300-30";
            }>;
            "alpha-color-bg-olive-lighter-hovered": Readonly<{
                value: "#d2df3d4d";
            }>;
            "alpha-color-bg-olive-lightest": Readonly<{
                value: "#c8d63026";
                ref: "alpha-color-olive-300-15";
            }>;
            "alpha-color-bg-olive-lightest-hovered": Readonly<{
                value: "#d2df3d39";
            }>;
            "alpha-color-bg-olive-dark": Readonly<{
                value: "#a9b110";
                ref: "alpha-color-olive-400";
            }>;
            "alpha-color-bg-olive-dark-hovered": Readonly<{
                value: "#c1ca0cff";
            }>;
            "alpha-color-bg-olive-shade-lighter": Readonly<{
                value: "#73763866";
                ref: "alpha-color-shade-olive-600-40";
            }>;
            "alpha-color-bg-olive-shade-lighter-hovered": Readonly<{
                value: "#86893a66";
            }>;
            "alpha-color-bg-olive-shade-normal": Readonly<{
                value: "#737638";
                ref: "alpha-color-shade-olive-600";
            }>;
            "alpha-color-bg-olive-shade-normal-hovered": Readonly<{
                value: "#86893aff";
            }>;
            "alpha-color-bg-olive-transparent": Readonly<{
                value: "#c8d63000";
                ref: "alpha-color-olive-300-0";
            }>;
            "alpha-color-bg-olive-transparent-hovered": Readonly<{
                value: "#c8d6301a";
            }>;
            "alpha-color-bg-yellow-normal": Readonly<{
                value: "#f9c835";
                ref: "alpha-color-yellow-300";
            }>;
            "alpha-color-bg-yellow-normal-hovered": Readonly<{
                value: "#face4aff";
            }>;
            "alpha-color-bg-yellow-light": Readonly<{
                value: "#f9c83573";
                ref: "alpha-color-yellow-300-45";
            }>;
            "alpha-color-bg-yellow-light-hovered": Readonly<{
                value: "#face4a73";
            }>;
            "alpha-color-bg-yellow-lighter": Readonly<{
                value: "#f9c8354d";
                ref: "alpha-color-yellow-300-30";
            }>;
            "alpha-color-bg-yellow-lighter-hovered": Readonly<{
                value: "#face4a4d";
            }>;
            "alpha-color-bg-yellow-lightest": Readonly<{
                value: "#f9c83526";
                ref: "alpha-color-yellow-300-15";
            }>;
            "alpha-color-bg-yellow-lightest-hovered": Readonly<{
                value: "#face4a39";
            }>;
            "alpha-color-bg-yellow-dark": Readonly<{
                value: "#edae0d";
                ref: "alpha-color-yellow-400";
            }>;
            "alpha-color-bg-yellow-dark-hovered": Readonly<{
                value: "#f9b917ff";
            }>;
            "alpha-color-bg-yellow-shade-lighter": Readonly<{
                value: "#7d6a2666";
                ref: "alpha-color-shade-yellow-600-40";
            }>;
            "alpha-color-bg-yellow-shade-lighter-hovered": Readonly<{
                value: "#927a2666";
            }>;
            "alpha-color-bg-yellow-shade-normal": Readonly<{
                value: "#7d6a26";
                ref: "alpha-color-shade-yellow-600";
            }>;
            "alpha-color-bg-yellow-shade-normal-hovered": Readonly<{
                value: "#927a26ff";
            }>;
            "alpha-color-bg-yellow-transparent": Readonly<{
                value: "#f9c83500";
                ref: "alpha-color-yellow-300-0";
            }>;
            "alpha-color-bg-yellow-transparent-hovered": Readonly<{
                value: "#f9c8351a";
            }>;
            "alpha-color-bg-pink-normal": Readonly<{
                value: "#ec6fd3";
                ref: "alpha-color-pink-300";
            }>;
            "alpha-color-bg-pink-normal-hovered": Readonly<{
                value: "#f27fdbff";
            }>;
            "alpha-color-bg-pink-light": Readonly<{
                value: "#ec6fd373";
                ref: "alpha-color-pink-300-45";
            }>;
            "alpha-color-bg-pink-light-hovered": Readonly<{
                value: "#f27fdb73";
            }>;
            "alpha-color-bg-pink-lighter": Readonly<{
                value: "#ec6fd34d";
                ref: "alpha-color-pink-300-30";
            }>;
            "alpha-color-bg-pink-lighter-hovered": Readonly<{
                value: "#f27fdb4d";
            }>;
            "alpha-color-bg-pink-lightest": Readonly<{
                value: "#ec6fd326";
                ref: "alpha-color-pink-300-15";
            }>;
            "alpha-color-bg-pink-lightest-hovered": Readonly<{
                value: "#f27fdb39";
            }>;
            "alpha-color-bg-pink-dark": Readonly<{
                value: "#d64bb5";
                ref: "alpha-color-pink-400";
            }>;
            "alpha-color-bg-pink-dark-hovered": Readonly<{
                value: "#df58bfff";
            }>;
            "alpha-color-bg-pink-shade-lighter": Readonly<{
                value: "#85407566";
                ref: "alpha-color-shade-pink-600-40";
            }>;
            "alpha-color-bg-pink-shade-lighter-hovered": Readonly<{
                value: "#99428566";
            }>;
            "alpha-color-bg-pink-shade-normal": Readonly<{
                value: "#854075";
                ref: "alpha-color-shade-pink-600";
            }>;
            "alpha-color-bg-pink-shade-normal-hovered": Readonly<{
                value: "#994285ff";
            }>;
            "alpha-color-bg-pink-transparent": Readonly<{
                value: "#ec6fd300";
                ref: "alpha-color-pink-300-0";
            }>;
            "alpha-color-bg-pink-transparent-hovered": Readonly<{
                value: "#ec6fd31a";
            }>;
            "alpha-color-bg-purple-normal": Readonly<{
                value: "#b184ff";
                ref: "alpha-color-purple-300";
            }>;
            "alpha-color-bg-purple-normal-hovered": Readonly<{
                value: "#bf9affff";
            }>;
            "alpha-color-bg-purple-light": Readonly<{
                value: "#b184ff73";
                ref: "alpha-color-purple-300-45";
            }>;
            "alpha-color-bg-purple-light-hovered": Readonly<{
                value: "#bf9aff73";
            }>;
            "alpha-color-bg-purple-lighter": Readonly<{
                value: "#b184ff4d";
                ref: "alpha-color-purple-300-30";
            }>;
            "alpha-color-bg-purple-lighter-hovered": Readonly<{
                value: "#bf9aff4d";
            }>;
            "alpha-color-bg-purple-lightest": Readonly<{
                value: "#b184ff26";
                ref: "alpha-color-purple-300-15";
            }>;
            "alpha-color-bg-purple-lightest-hovered": Readonly<{
                value: "#bf9aff39";
            }>;
            "alpha-color-bg-purple-dark": Readonly<{
                value: "#8e57e7";
                ref: "alpha-color-purple-400";
            }>;
            "alpha-color-bg-purple-dark-hovered": Readonly<{
                value: "#9a66eeff";
            }>;
            "alpha-color-bg-purple-shade-lighter": Readonly<{
                value: "#5b467d66";
                ref: "alpha-color-shade-purple-600-40";
            }>;
            "alpha-color-bg-purple-shade-lighter-hovered": Readonly<{
                value: "#64489066";
            }>;
            "alpha-color-bg-purple-shade-normal": Readonly<{
                value: "#5b467d";
                ref: "alpha-color-shade-purple-600";
            }>;
            "alpha-color-bg-purple-shade-normal-hovered": Readonly<{
                value: "#644890ff";
            }>;
            "alpha-color-bg-purple-transparent": Readonly<{
                value: "#b184ff00";
                ref: "alpha-color-purple-300-0";
            }>;
            "alpha-color-bg-purple-transparent-hovered": Readonly<{
                value: "#b184ff1a";
            }>;
            "alpha-color-bg-navy-normal": Readonly<{
                value: "#7683d3";
                ref: "alpha-color-navy-300";
            }>;
            "alpha-color-bg-navy-normal-hovered": Readonly<{
                value: "#838fdcff";
            }>;
            "alpha-color-bg-navy-light": Readonly<{
                value: "#7683d373";
                ref: "alpha-color-navy-300-45";
            }>;
            "alpha-color-bg-navy-light-hovered": Readonly<{
                value: "#838fdc73";
            }>;
            "alpha-color-bg-navy-lighter": Readonly<{
                value: "#7683d34d";
                ref: "alpha-color-navy-300-30";
            }>;
            "alpha-color-bg-navy-lighter-hovered": Readonly<{
                value: "#838fdc4d";
            }>;
            "alpha-color-bg-navy-lightest": Readonly<{
                value: "#7683d326";
                ref: "alpha-color-navy-300-15";
            }>;
            "alpha-color-bg-navy-lightest-hovered": Readonly<{
                value: "#838fdc39";
            }>;
            "alpha-color-bg-navy-dark": Readonly<{
                value: "#424fab";
                ref: "alpha-color-navy-400";
            }>;
            "alpha-color-bg-navy-dark-hovered": Readonly<{
                value: "#4353bfff";
            }>;
            "alpha-color-bg-navy-shade-lighter": Readonly<{
                value: "#373b5666";
                ref: "alpha-color-shade-navy-600-40";
            }>;
            "alpha-color-bg-navy-shade-lighter-hovered": Readonly<{
                value: "#3b416766";
            }>;
            "alpha-color-bg-navy-shade-normal": Readonly<{
                value: "#373b56";
                ref: "alpha-color-shade-navy-600";
            }>;
            "alpha-color-bg-navy-shade-normal-hovered": Readonly<{
                value: "#3b4167ff";
            }>;
            "alpha-color-bg-navy-transparent": Readonly<{
                value: "#7683d300";
                ref: "alpha-color-navy-300-0";
            }>;
            "alpha-color-bg-navy-transparent-hovered": Readonly<{
                value: "#7683d31a";
            }>;
            "alpha-color-bg-absolute-black-dark": Readonly<{
                value: "#000000";
                ref: "alpha-color-black-100";
            }>;
            "alpha-color-bg-absolute-black-dark-hovered": Readonly<{
                value: "#0a0a0aff";
            }>;
            "alpha-color-bg-absolute-black-normal": Readonly<{
                value: "#000000d9";
                ref: "alpha-color-black-85";
            }>;
            "alpha-color-bg-absolute-black-normal-hovered": Readonly<{
                value: "#0a0a0ad9";
            }>;
            "alpha-color-bg-absolute-black-light": Readonly<{
                value: "#00000099";
                ref: "alpha-color-black-60";
            }>;
            "alpha-color-bg-absolute-black-light-hovered": Readonly<{
                value: "#0a0a0a99";
            }>;
            "alpha-color-bg-absolute-black-lighter": Readonly<{
                value: "#00000066";
                ref: "alpha-color-black-40";
            }>;
            "alpha-color-bg-absolute-black-lighter-hovered": Readonly<{
                value: "#0a0a0a66";
            }>;
            "alpha-color-bg-absolute-black-lightest": Readonly<{
                value: "#00000033";
                ref: "alpha-color-black-20";
            }>;
            "alpha-color-bg-absolute-black-lightest-hovered": Readonly<{
                value: "#0a0a0a4d";
            }>;
            "alpha-color-bg-absolute-black-transparent": Readonly<{
                value: "#00000000";
                ref: "alpha-color-black-0";
            }>;
            "alpha-color-bg-absolute-black-transparent-hovered": Readonly<{
                value: "#0000000d";
            }>;
            "alpha-color-bg-absolute-white-dark": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-bg-absolute-white-dark-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-bg-absolute-white-normal": Readonly<{
                value: "#ffffffe6";
                ref: "alpha-color-white-90";
            }>;
            "alpha-color-bg-absolute-white-normal-hovered": Readonly<{
                value: "#ededede6";
            }>;
            "alpha-color-bg-absolute-white-light": Readonly<{
                value: "#ffffff99";
                ref: "alpha-color-white-60";
            }>;
            "alpha-color-bg-absolute-white-light-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "alpha-color-bg-absolute-white-lighter": Readonly<{
                value: "#ffffff66";
                ref: "alpha-color-white-40";
            }>;
            "alpha-color-bg-absolute-white-lighter-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "alpha-color-bg-absolute-white-lightest": Readonly<{
                value: "#ffffff33";
                ref: "alpha-color-white-20";
            }>;
            "alpha-color-bg-absolute-white-lightest-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "alpha-color-bg-absolute-white-transparent": Readonly<{
                value: "#ffffff00";
                ref: "alpha-color-white-0";
            }>;
            "alpha-color-bg-absolute-white-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "alpha-color-surface-lowest": Readonly<{
                value: "#2a2b2d";
                ref: "alpha-color-grey-850";
            }>;
            "alpha-color-surface-lowest-hovered": Readonly<{
                value: "#343538ff";
            }>;
            "alpha-color-surface-lower": Readonly<{
                value: "#242428";
                ref: "alpha-color-grey-900";
            }>;
            "alpha-color-surface-lower-hovered": Readonly<{
                value: "#2e2e33ff";
            }>;
            "alpha-color-surface-normal": Readonly<{
                value: "#1a1a1c";
                ref: "alpha-color-grey-950";
            }>;
            "alpha-color-surface-normal-hovered": Readonly<{
                value: "#242427ff";
            }>;
            "alpha-color-shadow-xlarge": Readonly<{
                value: "#00000099";
                ref: "alpha-color-black-60";
            }>;
            "alpha-color-shadow-xlarge-hovered": Readonly<{
                value: "#0a0a0a99";
            }>;
            "alpha-color-shadow-large": Readonly<{
                value: "#00000066";
                ref: "alpha-color-black-40";
            }>;
            "alpha-color-shadow-large-hovered": Readonly<{
                value: "#0a0a0a66";
            }>;
            "alpha-color-shadow-medium": Readonly<{
                value: "#00000033";
                ref: "alpha-color-black-20";
            }>;
            "alpha-color-shadow-medium-hovered": Readonly<{
                value: "#0a0a0a4d";
            }>;
            "alpha-color-shadow-small": Readonly<{
                value: "#00000026";
                ref: "alpha-color-black-15";
            }>;
            "alpha-color-shadow-small-hovered": Readonly<{
                value: "#0a0a0a39";
            }>;
            "alpha-color-shadow-base": Readonly<{
                value: "#00000014";
                ref: "alpha-color-black-8";
            }>;
            "alpha-color-shadow-base-hovered": Readonly<{
                value: "#0a0a0a1e";
            }>;
            "alpha-color-shadow-base-inner": Readonly<{
                value: "#ffffff14";
                ref: "alpha-color-white-8";
            }>;
            "alpha-color-shadow-base-inner-hovered": Readonly<{
                value: "#ededed1e";
            }>;
            "alpha-color-dim-black-light": Readonly<{
                value: "#00000033";
                ref: "alpha-color-bg-absolute-black-lightest";
            }>;
            "alpha-color-dim-black-light-hovered": Readonly<{
                value: "#0a0a0a4d";
            }>;
            "alpha-color-dim-black-normal": Readonly<{
                value: "#00000066";
                ref: "alpha-color-bg-absolute-black-lighter";
            }>;
            "alpha-color-dim-black-normal-hovered": Readonly<{
                value: "#0a0a0a66";
            }>;
            "alpha-color-primary-bg-normal": Readonly<{
                value: "#7d9efa";
                ref: "alpha-color-bg-blue-normal";
            }>;
            "alpha-color-primary-bg-normal-hovered": Readonly<{
                value: "#648bf9ff";
            }>;
            "alpha-color-primary-bg-light": Readonly<{
                value: "#7d9efa73";
                ref: "alpha-color-bg-blue-light";
            }>;
            "alpha-color-primary-bg-light-hovered": Readonly<{
                value: "#648bf973";
            }>;
            "alpha-color-primary-bg-lighter": Readonly<{
                value: "#7d9efa4d";
                ref: "alpha-color-bg-blue-lighter";
            }>;
            "alpha-color-primary-bg-lighter-hovered": Readonly<{
                value: "#648bf94d";
            }>;
            "alpha-color-primary-bg-lightest": Readonly<{
                value: "#7d9efa26";
                ref: "alpha-color-bg-blue-lightest";
            }>;
            "alpha-color-primary-bg-lightest-hovered": Readonly<{
                value: "#648bf939";
            }>;
            "alpha-color-primary-bg-dark": Readonly<{
                value: "#6d6afc";
                ref: "alpha-color-bg-blue-dark";
            }>;
            "alpha-color-primary-bg-dark-hovered": Readonly<{
                value: "#5551fcff";
            }>;
            "alpha-color-primary-fg-normal": Readonly<{
                value: "#7d9efa";
                ref: "alpha-color-fg-blue-normal";
            }>;
            "alpha-color-primary-fg-normal-hovered": Readonly<{
                value: "#648bf9ff";
            }>;
            "alpha-color-primary-fg-light": Readonly<{
                value: "#7d9efa73";
                ref: "alpha-color-fg-blue-light";
            }>;
            "alpha-color-primary-fg-light-hovered": Readonly<{
                value: "#648bf973";
            }>;
            "alpha-color-primary-fg-dark": Readonly<{
                value: "#7d9efa";
                ref: "alpha-color-fg-blue-dark";
            }>;
            "alpha-color-primary-fg-dark-hovered": Readonly<{
                value: "#648bf9ff";
            }>;
            "alpha-color-critical-bg-dark": Readonly<{
                value: "#e55c5c";
                ref: "alpha-color-bg-red-dark";
            }>;
            "alpha-color-critical-bg-dark-hovered": Readonly<{
                value: "#df4c4cff";
            }>;
            "alpha-color-critical-bg-normal": Readonly<{
                value: "#ff8c8c";
                ref: "alpha-color-fg-red-normal";
            }>;
            "alpha-color-critical-bg-normal-hovered": Readonly<{
                value: "#ff7070ff";
            }>;
            "alpha-color-critical-bg-light": Readonly<{
                value: "#ff8c8c73";
                ref: "alpha-color-bg-red-light";
            }>;
            "alpha-color-critical-bg-light-hovered": Readonly<{
                value: "#ff707073";
            }>;
            "alpha-color-critical-bg-lighter": Readonly<{
                value: "#ff8c8c4d";
                ref: "alpha-color-bg-red-lighter";
            }>;
            "alpha-color-critical-bg-lighter-hovered": Readonly<{
                value: "#ff70704d";
            }>;
            "alpha-color-critical-bg-lightest": Readonly<{
                value: "#ff8c8c26";
                ref: "alpha-color-bg-red-lightest";
            }>;
            "alpha-color-critical-bg-lightest-hovered": Readonly<{
                value: "#ff707039";
            }>;
            "alpha-color-critical-fg-normal": Readonly<{
                value: "#ff8c8c";
                ref: "alpha-color-fg-red-normal";
            }>;
            "alpha-color-critical-fg-normal-hovered": Readonly<{
                value: "#ff7070ff";
            }>;
            "alpha-color-critical-fg-light": Readonly<{
                value: "#ff8c8c73";
                ref: "alpha-color-fg-red-light";
            }>;
            "alpha-color-critical-fg-light-hovered": Readonly<{
                value: "#ff707073";
            }>;
            "alpha-color-critical-fg-dark": Readonly<{
                value: "#ff8c8c";
                ref: "alpha-color-fg-red-dark";
            }>;
            "alpha-color-critical-fg-dark-hovered": Readonly<{
                value: "#ff7070ff";
            }>;
            "alpha-color-warning-bg-dark": Readonly<{
                value: "#e67f2b";
                ref: "alpha-color-bg-orange-dark";
            }>;
            "alpha-color-warning-bg-dark-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "alpha-color-warning-bg-normal": Readonly<{
                value: "#ffa15e";
                ref: "alpha-color-bg-orange-normal";
            }>;
            "alpha-color-warning-bg-normal-hovered": Readonly<{
                value: "#ff9346ff";
            }>;
            "alpha-color-warning-bg-light": Readonly<{
                value: "#ffa15e73";
                ref: "alpha-color-bg-orange-light";
            }>;
            "alpha-color-warning-bg-light-hovered": Readonly<{
                value: "#ff934673";
            }>;
            "alpha-color-warning-bg-lighter": Readonly<{
                value: "#ffa15e4d";
                ref: "alpha-color-bg-orange-lighter";
            }>;
            "alpha-color-warning-bg-lighter-hovered": Readonly<{
                value: "#ff93464d";
            }>;
            "alpha-color-warning-bg-lightest": Readonly<{
                value: "#ffa15e26";
                ref: "alpha-color-bg-orange-lightest";
            }>;
            "alpha-color-warning-bg-lightest-hovered": Readonly<{
                value: "#ff934639";
            }>;
            "alpha-color-warning-fg-normal": Readonly<{
                value: "#ffa15e";
                ref: "alpha-color-fg-orange-normal";
            }>;
            "alpha-color-warning-fg-normal-hovered": Readonly<{
                value: "#ff9346ff";
            }>;
            "alpha-color-warning-fg-light": Readonly<{
                value: "#ffa15e73";
                ref: "alpha-color-fg-orange-light";
            }>;
            "alpha-color-warning-fg-light-hovered": Readonly<{
                value: "#ff934673";
            }>;
            "alpha-color-warning-fg-dark": Readonly<{
                value: "#ffa15e";
                ref: "alpha-color-fg-orange-dark";
            }>;
            "alpha-color-warning-fg-dark-hovered": Readonly<{
                value: "#ff9346ff";
            }>;
            "alpha-color-accent-bg-dark": Readonly<{
                value: "#5093e5";
                ref: "alpha-color-bg-cobalt-dark";
            }>;
            "alpha-color-accent-bg-dark-hovered": Readonly<{
                value: "#4088dfff";
            }>;
            "alpha-color-accent-bg-normal": Readonly<{
                value: "#71b9f5";
                ref: "alpha-color-bg-cobalt-normal";
            }>;
            "alpha-color-accent-bg-normal-hovered": Readonly<{
                value: "#5cadf1ff";
            }>;
            "alpha-color-accent-bg-light": Readonly<{
                value: "#71b9f573";
                ref: "alpha-color-bg-cobalt-light";
            }>;
            "alpha-color-accent-bg-light-hovered": Readonly<{
                value: "#5cadf173";
            }>;
            "alpha-color-accent-bg-lighter": Readonly<{
                value: "#71b9f54d";
                ref: "alpha-color-bg-cobalt-lighter";
            }>;
            "alpha-color-accent-bg-lighter-hovered": Readonly<{
                value: "#5cadf14d";
            }>;
            "alpha-color-accent-bg-lightest": Readonly<{
                value: "#71b9f526";
                ref: "alpha-color-bg-cobalt-lightest";
            }>;
            "alpha-color-accent-bg-lightest-hovered": Readonly<{
                value: "#5cadf139";
            }>;
            "alpha-color-accent-fg-normal": Readonly<{
                value: "#71b9f5";
                ref: "alpha-color-fg-cobalt-normal";
            }>;
            "alpha-color-accent-fg-normal-hovered": Readonly<{
                value: "#5cadf1ff";
            }>;
            "alpha-color-accent-fg-light": Readonly<{
                value: "#71b9f573";
                ref: "alpha-color-fg-cobalt-light";
            }>;
            "alpha-color-accent-fg-light-hovered": Readonly<{
                value: "#5cadf173";
            }>;
            "alpha-color-accent-fg-dark": Readonly<{
                value: "#71b9f5";
                ref: "alpha-color-fg-cobalt-dark";
            }>;
            "alpha-color-accent-fg-dark-hovered": Readonly<{
                value: "#5cadf1ff";
            }>;
            "alpha-color-success-bg-dark": Readonly<{
                value: "#40ad67";
                ref: "alpha-color-bg-green-dark";
            }>;
            "alpha-color-success-bg-dark-hovered": Readonly<{
                value: "#3f9e61ff";
            }>;
            "alpha-color-success-bg-normal": Readonly<{
                value: "#68cc7f";
                ref: "alpha-color-bg-green-normal";
            }>;
            "alpha-color-success-bg-normal-hovered": Readonly<{
                value: "#5bc373ff";
            }>;
            "alpha-color-success-bg-light": Readonly<{
                value: "#68cc7f73";
                ref: "alpha-color-bg-green-light";
            }>;
            "alpha-color-success-bg-light-hovered": Readonly<{
                value: "#5bc37373";
            }>;
            "alpha-color-success-bg-lighter": Readonly<{
                value: "#68cc7f4d";
                ref: "alpha-color-bg-green-lighter";
            }>;
            "alpha-color-success-bg-lighter-hovered": Readonly<{
                value: "#5bc3734d";
            }>;
            "alpha-color-success-bg-lightest": Readonly<{
                value: "#68cc7f26";
                ref: "alpha-color-bg-green-lightest";
            }>;
            "alpha-color-success-bg-lightest-hovered": Readonly<{
                value: "#5bc37339";
            }>;
            "alpha-color-success-fg-normal": Readonly<{
                value: "#68cc7f";
                ref: "alpha-color-fg-green-normal";
            }>;
            "alpha-color-success-fg-normal-hovered": Readonly<{
                value: "#5bc373ff";
            }>;
            "alpha-color-success-fg-light": Readonly<{
                value: "#68cc7f73";
                ref: "alpha-color-fg-green-light";
            }>;
            "alpha-color-success-fg-light-hovered": Readonly<{
                value: "#5bc37373";
            }>;
            "alpha-color-success-fg-dark": Readonly<{
                value: "#68cc7f";
                ref: "alpha-color-fg-green-dark";
            }>;
            "alpha-color-success-fg-dark-hovered": Readonly<{
                value: "#5bc373ff";
            }>;
        }>;
    }>;
    global: Readonly<{
        color: Readonly<{
            "alpha-color-blue-100": Readonly<{
                value: "#a9c6ff";
            }>;
            "alpha-color-blue-200": Readonly<{
                value: "#96b7ff";
            }>;
            "alpha-color-blue-300": Readonly<{
                value: "#7d9efa";
            }>;
            "alpha-color-blue-400": Readonly<{
                value: "#6d6afc";
            }>;
            "alpha-color-blue-500": Readonly<{
                value: "#5950dc";
            }>;
            "alpha-color-blue-600": Readonly<{
                value: "#4941bc";
            }>;
            "alpha-color-blue-400-30": Readonly<{
                value: "#6d6afc4d";
            }>;
            "alpha-color-blue-400-20": Readonly<{
                value: "#6d6afc33";
            }>;
            "alpha-color-blue-400-10": Readonly<{
                value: "#6d6afc1a";
            }>;
            "alpha-color-blue-400-0": Readonly<{
                value: "#6d6afc00";
            }>;
            "alpha-color-blue-300-45": Readonly<{
                value: "#7d9efa73";
            }>;
            "alpha-color-blue-300-30": Readonly<{
                value: "#7d9efa4d";
            }>;
            "alpha-color-blue-300-15": Readonly<{
                value: "#7d9efa26";
            }>;
            "alpha-color-blue-300-0": Readonly<{
                value: "#7d9efa00";
            }>;
            "alpha-color-cobalt-100": Readonly<{
                value: "#a1d5ff";
            }>;
            "alpha-color-cobalt-200": Readonly<{
                value: "#8dcafc";
            }>;
            "alpha-color-cobalt-300": Readonly<{
                value: "#71b9f5";
            }>;
            "alpha-color-cobalt-400": Readonly<{
                value: "#5093e5";
            }>;
            "alpha-color-cobalt-500": Readonly<{
                value: "#3870d1";
            }>;
            "alpha-color-cobalt-600": Readonly<{
                value: "#2b59b5";
            }>;
            "alpha-color-cobalt-400-30": Readonly<{
                value: "#5093e54d";
            }>;
            "alpha-color-cobalt-400-20": Readonly<{
                value: "#5093e533";
            }>;
            "alpha-color-cobalt-400-10": Readonly<{
                value: "#5093e51a";
            }>;
            "alpha-color-cobalt-400-0": Readonly<{
                value: "#5093e500";
            }>;
            "alpha-color-cobalt-300-45": Readonly<{
                value: "#71b9f573";
            }>;
            "alpha-color-cobalt-300-30": Readonly<{
                value: "#71b9f54d";
            }>;
            "alpha-color-cobalt-300-15": Readonly<{
                value: "#71b9f526";
            }>;
            "alpha-color-cobalt-300-0": Readonly<{
                value: "#71b9f500";
            }>;
            "alpha-color-green-100": Readonly<{
                value: "#a4ecb3";
            }>;
            "alpha-color-green-200": Readonly<{
                value: "#84e09a";
            }>;
            "alpha-color-green-300": Readonly<{
                value: "#68cc7f";
            }>;
            "alpha-color-green-400": Readonly<{
                value: "#40ad67";
            }>;
            "alpha-color-green-500": Readonly<{
                value: "#358761";
            }>;
            "alpha-color-green-600": Readonly<{
                value: "#327055";
            }>;
            "alpha-color-green-400-30": Readonly<{
                value: "#40ad674d";
            }>;
            "alpha-color-green-400-20": Readonly<{
                value: "#40ad6733";
            }>;
            "alpha-color-green-400-10": Readonly<{
                value: "#40ad671a";
            }>;
            "alpha-color-green-400-0": Readonly<{
                value: "#40ad6700";
            }>;
            "alpha-color-green-300-45": Readonly<{
                value: "#68cc7f73";
            }>;
            "alpha-color-green-300-30": Readonly<{
                value: "#68cc7f4d";
            }>;
            "alpha-color-green-300-15": Readonly<{
                value: "#68cc7f26";
            }>;
            "alpha-color-green-300-0": Readonly<{
                value: "#68cc7f00";
            }>;
            "alpha-color-red-100": Readonly<{
                value: "#ffb8b8";
            }>;
            "alpha-color-red-200": Readonly<{
                value: "#ffa6a6";
            }>;
            "alpha-color-red-300": Readonly<{
                value: "#ff8c8c";
            }>;
            "alpha-color-red-400": Readonly<{
                value: "#e55c5c";
            }>;
            "alpha-color-red-500": Readonly<{
                value: "#bc3a42";
            }>;
            "alpha-color-red-600": Readonly<{
                value: "#992c34";
            }>;
            "alpha-color-red-400-30": Readonly<{
                value: "#e55c5c4d";
            }>;
            "alpha-color-red-400-20": Readonly<{
                value: "#e55c5c33";
            }>;
            "alpha-color-red-400-10": Readonly<{
                value: "#e55c5c1a";
            }>;
            "alpha-color-red-400-0": Readonly<{
                value: "#e55c5c00";
            }>;
            "alpha-color-red-300-45": Readonly<{
                value: "#ff8c8c73";
            }>;
            "alpha-color-red-300-30": Readonly<{
                value: "#ff8c8c4d";
            }>;
            "alpha-color-red-300-15": Readonly<{
                value: "#ff8c8c26";
            }>;
            "alpha-color-red-300-0": Readonly<{
                value: "#ff8c8c00";
            }>;
            "alpha-color-black-0": Readonly<{
                value: "#00000000";
            }>;
            "alpha-color-black-3": Readonly<{
                value: "#00000008";
            }>;
            "alpha-color-black-5": Readonly<{
                value: "#0000000d";
            }>;
            "alpha-color-black-8": Readonly<{
                value: "#00000014";
            }>;
            "alpha-color-black-15": Readonly<{
                value: "#00000026";
            }>;
            "alpha-color-black-20": Readonly<{
                value: "#00000033";
            }>;
            "alpha-color-black-22": Readonly<{
                value: "#00000038";
            }>;
            "alpha-color-black-30": Readonly<{
                value: "#0000004d";
            }>;
            "alpha-color-black-40": Readonly<{
                value: "#00000066";
            }>;
            "alpha-color-black-50": Readonly<{
                value: "#00000080";
            }>;
            "alpha-color-black-60": Readonly<{
                value: "#00000099";
            }>;
            "alpha-color-black-70": Readonly<{
                value: "#000000b3";
            }>;
            "alpha-color-black-85": Readonly<{
                value: "#000000d9";
            }>;
            "alpha-color-black-100": Readonly<{
                value: "#000000";
            }>;
            "alpha-color-white-0": Readonly<{
                value: "#ffffff00";
            }>;
            "alpha-color-white-5": Readonly<{
                value: "#ffffff0d";
            }>;
            "alpha-color-white-8": Readonly<{
                value: "#ffffff14";
            }>;
            "alpha-color-white-12": Readonly<{
                value: "#ffffff1f";
            }>;
            "alpha-color-white-20": Readonly<{
                value: "#ffffff33";
            }>;
            "alpha-color-white-40": Readonly<{
                value: "#ffffff66";
            }>;
            "alpha-color-white-60": Readonly<{
                value: "#ffffff99";
            }>;
            "alpha-color-white-80": Readonly<{
                value: "#ffffffcc";
            }>;
            "alpha-color-white-90": Readonly<{
                value: "#ffffffe6";
            }>;
            "alpha-color-white-100": Readonly<{
                value: "#ffffff";
            }>;
            "alpha-color-orange-100": Readonly<{
                value: "#ffc38f";
            }>;
            "alpha-color-orange-200": Readonly<{
                value: "#ffb070";
            }>;
            "alpha-color-orange-300": Readonly<{
                value: "#ffa15e";
            }>;
            "alpha-color-orange-400": Readonly<{
                value: "#e67f2b";
            }>;
            "alpha-color-orange-500": Readonly<{
                value: "#c1630d";
            }>;
            "alpha-color-orange-600": Readonly<{
                value: "#a1540c";
            }>;
            "alpha-color-orange-400-30": Readonly<{
                value: "#e67f2b4d";
            }>;
            "alpha-color-orange-400-20": Readonly<{
                value: "#e67f2b33";
            }>;
            "alpha-color-orange-400-10": Readonly<{
                value: "#e67f2b1a";
            }>;
            "alpha-color-orange-400-0": Readonly<{
                value: "#e67f2b00";
            }>;
            "alpha-color-orange-300-45": Readonly<{
                value: "#ffa15e73";
            }>;
            "alpha-color-orange-300-30": Readonly<{
                value: "#ffa15e4d";
            }>;
            "alpha-color-orange-300-15": Readonly<{
                value: "#ffa15e26";
            }>;
            "alpha-color-orange-300-0": Readonly<{
                value: "#ffa15e00";
            }>;
            "alpha-color-yellow-100": Readonly<{
                value: "#ffe38f";
            }>;
            "alpha-color-yellow-200": Readonly<{
                value: "#fed968";
            }>;
            "alpha-color-yellow-300": Readonly<{
                value: "#f9c835";
            }>;
            "alpha-color-yellow-400": Readonly<{
                value: "#edae0d";
            }>;
            "alpha-color-yellow-500": Readonly<{
                value: "#c38f00";
            }>;
            "alpha-color-yellow-600": Readonly<{
                value: "#9e7504";
            }>;
            "alpha-color-yellow-400-30": Readonly<{
                value: "#edae0d4d";
            }>;
            "alpha-color-yellow-400-20": Readonly<{
                value: "#edae0d33";
            }>;
            "alpha-color-yellow-400-10": Readonly<{
                value: "#edae0d1a";
            }>;
            "alpha-color-yellow-400-0": Readonly<{
                value: "#edae0d00";
            }>;
            "alpha-color-yellow-300-45": Readonly<{
                value: "#f9c83573";
            }>;
            "alpha-color-yellow-300-30": Readonly<{
                value: "#f9c8354d";
            }>;
            "alpha-color-yellow-300-15": Readonly<{
                value: "#f9c83526";
            }>;
            "alpha-color-yellow-300-0": Readonly<{
                value: "#f9c83500";
            }>;
            "alpha-color-pink-100": Readonly<{
                value: "#ffafef";
            }>;
            "alpha-color-pink-200": Readonly<{
                value: "#f896e5";
            }>;
            "alpha-color-pink-300": Readonly<{
                value: "#ec6fd3";
            }>;
            "alpha-color-pink-400": Readonly<{
                value: "#d64bb5";
            }>;
            "alpha-color-pink-500": Readonly<{
                value: "#b0369e";
            }>;
            "alpha-color-pink-600": Readonly<{
                value: "#962c86";
            }>;
            "alpha-color-pink-400-30": Readonly<{
                value: "#d64bb54d";
            }>;
            "alpha-color-pink-400-20": Readonly<{
                value: "#d64bb533";
            }>;
            "alpha-color-pink-400-10": Readonly<{
                value: "#d64bb51a";
            }>;
            "alpha-color-pink-400-0": Readonly<{
                value: "#d64bb500";
            }>;
            "alpha-color-pink-300-45": Readonly<{
                value: "#ec6fd373";
            }>;
            "alpha-color-pink-300-30": Readonly<{
                value: "#ec6fd34d";
            }>;
            "alpha-color-pink-300-15": Readonly<{
                value: "#ec6fd326";
            }>;
            "alpha-color-pink-300-0": Readonly<{
                value: "#ec6fd300";
            }>;
            "alpha-color-purple-100": Readonly<{
                value: "#d1b5ff";
            }>;
            "alpha-color-purple-200": Readonly<{
                value: "#c19aff";
            }>;
            "alpha-color-purple-300": Readonly<{
                value: "#b184ff";
            }>;
            "alpha-color-purple-400": Readonly<{
                value: "#8e57e7";
            }>;
            "alpha-color-purple-500": Readonly<{
                value: "#6735b6";
            }>;
            "alpha-color-purple-600": Readonly<{
                value: "#54278f";
            }>;
            "alpha-color-purple-400-30": Readonly<{
                value: "#8e57e74d";
            }>;
            "alpha-color-purple-400-20": Readonly<{
                value: "#8e57e733";
            }>;
            "alpha-color-purple-400-10": Readonly<{
                value: "#8e57e71a";
            }>;
            "alpha-color-purple-400-0": Readonly<{
                value: "#8e57e700";
            }>;
            "alpha-color-purple-300-45": Readonly<{
                value: "#b184ff73";
            }>;
            "alpha-color-purple-300-30": Readonly<{
                value: "#b184ff4d";
            }>;
            "alpha-color-purple-300-15": Readonly<{
                value: "#b184ff26";
            }>;
            "alpha-color-purple-300-0": Readonly<{
                value: "#b184ff00";
            }>;
            "alpha-color-navy-100": Readonly<{
                value: "#a5b2ee";
            }>;
            "alpha-color-navy-200": Readonly<{
                value: "#8b99d9";
            }>;
            "alpha-color-navy-300": Readonly<{
                value: "#7683d3";
            }>;
            "alpha-color-navy-400": Readonly<{
                value: "#424fab";
            }>;
            "alpha-color-navy-500": Readonly<{
                value: "#353888";
            }>;
            "alpha-color-navy-600": Readonly<{
                value: "#22245b";
            }>;
            "alpha-color-navy-400-30": Readonly<{
                value: "#424fab4d";
            }>;
            "alpha-color-navy-400-20": Readonly<{
                value: "#424fab33";
            }>;
            "alpha-color-navy-400-10": Readonly<{
                value: "#424fab1a";
            }>;
            "alpha-color-navy-400-0": Readonly<{
                value: "#424fab00";
            }>;
            "alpha-color-navy-300-45": Readonly<{
                value: "#7683d373";
            }>;
            "alpha-color-navy-300-30": Readonly<{
                value: "#7683d34d";
            }>;
            "alpha-color-navy-300-15": Readonly<{
                value: "#7683d326";
            }>;
            "alpha-color-navy-300-0": Readonly<{
                value: "#7683d300";
            }>;
            "alpha-color-teal-100": Readonly<{
                value: "#9beee6";
            }>;
            "alpha-color-teal-200": Readonly<{
                value: "#72e0d5";
            }>;
            "alpha-color-teal-300": Readonly<{
                value: "#40d3c5";
            }>;
            "alpha-color-teal-400": Readonly<{
                value: "#09b2ac";
            }>;
            "alpha-color-teal-500": Readonly<{
                value: "#068e95";
            }>;
            "alpha-color-teal-600": Readonly<{
                value: "#06687d";
            }>;
            "alpha-color-teal-400-30": Readonly<{
                value: "#09b2ac4d";
            }>;
            "alpha-color-teal-400-20": Readonly<{
                value: "#09b2ac33";
            }>;
            "alpha-color-teal-400-10": Readonly<{
                value: "#09b2ac1a";
            }>;
            "alpha-color-teal-400-0": Readonly<{
                value: "#09b2ac00";
            }>;
            "alpha-color-teal-300-45": Readonly<{
                value: "#40d3c573";
            }>;
            "alpha-color-teal-300-30": Readonly<{
                value: "#40d3c54d";
            }>;
            "alpha-color-teal-300-15": Readonly<{
                value: "#40d3c526";
            }>;
            "alpha-color-teal-300-0": Readonly<{
                value: "#40d3c500";
            }>;
            "alpha-color-olive-100": Readonly<{
                value: "#e7f17c";
            }>;
            "alpha-color-olive-200": Readonly<{
                value: "#dbe56e";
            }>;
            "alpha-color-olive-300": Readonly<{
                value: "#c8d630";
            }>;
            "alpha-color-olive-400": Readonly<{
                value: "#a9b110";
            }>;
            "alpha-color-olive-500": Readonly<{
                value: "#7b801c";
            }>;
            "alpha-color-olive-600": Readonly<{
                value: "#65691c";
            }>;
            "alpha-color-olive-400-30": Readonly<{
                value: "#a9b1104d";
            }>;
            "alpha-color-olive-400-20": Readonly<{
                value: "#a9b11033";
            }>;
            "alpha-color-olive-400-10": Readonly<{
                value: "#a9b1101a";
            }>;
            "alpha-color-olive-400-0": Readonly<{
                value: "#a9b11000";
            }>;
            "alpha-color-olive-300-45": Readonly<{
                value: "#c8d63073";
            }>;
            "alpha-color-olive-300-30": Readonly<{
                value: "#c8d6304d";
            }>;
            "alpha-color-olive-300-15": Readonly<{
                value: "#c8d63026";
            }>;
            "alpha-color-olive-300-0": Readonly<{
                value: "#c8d63000";
            }>;
            "alpha-color-grey-50": Readonly<{
                value: "#fcfcfc";
            }>;
            "alpha-color-grey-100": Readonly<{
                value: "#f7f7f8";
            }>;
            "alpha-color-grey-200": Readonly<{
                value: "#efeff0";
            }>;
            "alpha-color-grey-300": Readonly<{
                value: "#e2e2e4";
            }>;
            "alpha-color-grey-400": Readonly<{
                value: "#cfcfd1";
            }>;
            "alpha-color-grey-500": Readonly<{
                value: "#a7a7aa";
            }>;
            "alpha-color-grey-600": Readonly<{
                value: "#7b7b7b";
            }>;
            "alpha-color-grey-700": Readonly<{
                value: "#464748";
            }>;
            "alpha-color-grey-800": Readonly<{
                value: "#313234";
            }>;
            "alpha-color-grey-850": Readonly<{
                value: "#2a2b2d";
            }>;
            "alpha-color-grey-900": Readonly<{
                value: "#242428";
            }>;
            "alpha-color-grey-950": Readonly<{
                value: "#1a1a1c";
            }>;
            "alpha-color-grey-900-0": Readonly<{
                value: "#24242800";
            }>;
            "alpha-color-grey-alpha-900-90": Readonly<{
                value: "#242428e6";
            }>;
            "alpha-color-grey-alpha-850-80": Readonly<{
                value: "#2a2b2dcc";
            }>;
            "alpha-color-grey-alpha-800-80": Readonly<{
                value: "#313234cc";
            }>;
            "alpha-color-grey-alpha-700-80": Readonly<{
                value: "#464748cc";
            }>;
            "alpha-color-grey-alpha-200-80": Readonly<{
                value: "#efeff0cc";
            }>;
            "alpha-color-grey-alpha-100-80": Readonly<{
                value: "#f7f7f8cc";
            }>;
            "alpha-color-grey-alpha-50-80": Readonly<{
                value: "#fcfcfccc";
            }>;
            "alpha-color-grey-alpha-100-90": Readonly<{
                value: "#f7f7f8e6";
            }>;
            "alpha-color-grey-alpha-800-90": Readonly<{
                value: "#313234e6";
            }>;
            "alpha-color-shade-blue-400": Readonly<{
                value: "#7175e0";
            }>;
            "alpha-color-shade-blue-600": Readonly<{
                value: "#4c5289";
            }>;
            "alpha-color-shade-blue-400-20": Readonly<{
                value: "#7175e033";
            }>;
            "alpha-color-shade-blue-600-40": Readonly<{
                value: "#4c528966";
            }>;
            "alpha-color-shade-cobalt-400": Readonly<{
                value: "#57ace8";
            }>;
            "alpha-color-shade-cobalt-600": Readonly<{
                value: "#4a6185";
            }>;
            "alpha-color-shade-cobalt-400-20": Readonly<{
                value: "#57ace833";
            }>;
            "alpha-color-shade-cobalt-600-40": Readonly<{
                value: "#4a618566";
            }>;
            "alpha-color-shade-teal-400": Readonly<{
                value: "#55aaa7";
            }>;
            "alpha-color-shade-teal-600": Readonly<{
                value: "#47737d";
            }>;
            "alpha-color-shade-teal-400-20": Readonly<{
                value: "#55aaa733";
            }>;
            "alpha-color-shade-teal-600-40": Readonly<{
                value: "#47737d66";
            }>;
            "alpha-color-shade-red-400": Readonly<{
                value: "#de6870";
            }>;
            "alpha-color-shade-red-600": Readonly<{
                value: "#904248";
            }>;
            "alpha-color-shade-red-400-20": Readonly<{
                value: "#de687033";
            }>;
            "alpha-color-shade-red-600-40": Readonly<{
                value: "#90424866";
            }>;
            "alpha-color-shade-green-400": Readonly<{
                value: "#62af7c";
            }>;
            "alpha-color-shade-green-600": Readonly<{
                value: "#4c7a5e";
            }>;
            "alpha-color-shade-green-400-20": Readonly<{
                value: "#62af7c33";
            }>;
            "alpha-color-shade-green-600-40": Readonly<{
                value: "#4c7a5e66";
            }>;
            "alpha-color-shade-olive-400": Readonly<{
                value: "#a5a953";
            }>;
            "alpha-color-shade-olive-600": Readonly<{
                value: "#737638";
            }>;
            "alpha-color-shade-olive-400-20": Readonly<{
                value: "#a5a95333";
            }>;
            "alpha-color-shade-olive-600-40": Readonly<{
                value: "#73763866";
            }>;
            "alpha-color-shade-yellow-400": Readonly<{
                value: "#e8ae3c";
            }>;
            "alpha-color-shade-yellow-600": Readonly<{
                value: "#7d6a26";
            }>;
            "alpha-color-shade-yellow-400-20": Readonly<{
                value: "#e8ae3c33";
            }>;
            "alpha-color-shade-yellow-600-40": Readonly<{
                value: "#7d6a2666";
            }>;
            "alpha-color-shade-orange-400": Readonly<{
                value: "#e08c48";
            }>;
            "alpha-color-shade-orange-600": Readonly<{
                value: "#895a34";
            }>;
            "alpha-color-shade-orange-400-20": Readonly<{
                value: "#e08c4833";
            }>;
            "alpha-color-shade-orange-600-40": Readonly<{
                value: "#895a3466";
            }>;
            "alpha-color-shade-pink-400": Readonly<{
                value: "#d369ba";
            }>;
            "alpha-color-shade-pink-600": Readonly<{
                value: "#854075";
            }>;
            "alpha-color-shade-pink-400-20": Readonly<{
                value: "#d369ba33";
            }>;
            "alpha-color-shade-pink-600-40": Readonly<{
                value: "#85407566";
            }>;
            "alpha-color-shade-purple-400": Readonly<{
                value: "#9d6fe5";
            }>;
            "alpha-color-shade-purple-600": Readonly<{
                value: "#5b467d";
            }>;
            "alpha-color-shade-purple-400-20": Readonly<{
                value: "#9d6fe533";
            }>;
            "alpha-color-shade-purple-600-40": Readonly<{
                value: "#5b467d66";
            }>;
            "alpha-color-shade-navy-400": Readonly<{
                value: "#5f69b0";
            }>;
            "alpha-color-shade-navy-600": Readonly<{
                value: "#373b56";
            }>;
            "alpha-color-shade-navy-400-20": Readonly<{
                value: "#5f69b033";
            }>;
            "alpha-color-shade-navy-600-40": Readonly<{
                value: "#373b5666";
            }>;
        }>;
        font: Readonly<{
            "alpha-font-family-sans": Readonly<{
                value: "'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif'";
            }>;
            "alpha-font-family-mono": Readonly<{
                value: "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'";
            }>;
            "alpha-font-size-11": Readonly<{
                value: "1.1rem";
            }>;
            "alpha-font-size-12": Readonly<{
                value: "1.2rem";
            }>;
            "alpha-font-size-13": Readonly<{
                value: "1.3rem";
            }>;
            "alpha-font-size-14": Readonly<{
                value: "1.4rem";
            }>;
            "alpha-font-size-15": Readonly<{
                value: "1.5rem";
            }>;
            "alpha-font-size-16": Readonly<{
                value: "1.6rem";
            }>;
            "alpha-font-size-17": Readonly<{
                value: "1.7rem";
            }>;
            "alpha-font-size-18": Readonly<{
                value: "1.8rem";
            }>;
            "alpha-font-size-22": Readonly<{
                value: "2.2rem";
            }>;
            "alpha-font-size-24": Readonly<{
                value: "2.4rem";
            }>;
            "alpha-font-size-30": Readonly<{
                value: "3rem";
            }>;
            "alpha-font-size-36": Readonly<{
                value: "3.6rem";
            }>;
            "alpha-font-size-15-5": Readonly<{
                value: "1.55rem";
            }>;
            "alpha-font-weight-regular": Readonly<{
                value: 400;
            }>;
            "alpha-font-weight-semibold": Readonly<{
                value: 600;
            }>;
            "alpha-font-weight-bold": Readonly<{
                value: 700;
            }>;
            "alpha-font-line-height-16": Readonly<{
                value: "1.6rem";
            }>;
            "alpha-font-line-height-18": Readonly<{
                value: "1.8rem";
            }>;
            "alpha-font-line-height-22": Readonly<{
                value: "2.2rem";
            }>;
            "alpha-font-line-height-23": Readonly<{
                value: "2.3rem";
            }>;
            "alpha-font-line-height-24": Readonly<{
                value: "2.4rem";
            }>;
            "alpha-font-line-height-28": Readonly<{
                value: "2.8rem";
            }>;
            "alpha-font-line-height-32": Readonly<{
                value: "3.2rem";
            }>;
            "alpha-font-line-height-36": Readonly<{
                value: "3.6rem";
            }>;
            "alpha-font-line-height-44": Readonly<{
                value: "4.4rem";
            }>;
            "alpha-font-letter-spacing-0": Readonly<{
                value: "0rem";
            }>;
            "alpha-font-letter-spacing-1": Readonly<{
                value: "0.01rem";
            }>;
            "alpha-font-letter-spacing-2": Readonly<{
                value: "0.02rem";
            }>;
            "alpha-font-letter-spacing-3": Readonly<{
                value: "0.03rem";
            }>;
        }>;
        gradient: Readonly<{
            "alpha-gradient-bg-purple": Readonly<{
                value: "linear-gradient(90deg, #b184ff 50%, #f896e5 100%)";
                ref: "linear-gradient(90deg, alpha-color-purple-300 50%, alpha-color-pink-200 100%)";
            }>;
            "alpha-gradient-bg-orange": Readonly<{
                value: "linear-gradient(90deg, #ffa15e 50%, #fed968 100%)";
                ref: "linear-gradient(90deg, alpha-color-orange-300 50%, alpha-color-yellow-200 100%)";
            }>;
            "alpha-gradient-bg-green": Readonly<{
                value: "linear-gradient(90deg, #68cc7f 50%, #72e0d5 100%)";
                ref: "linear-gradient(90deg, alpha-color-green-300 50%, alpha-color-teal-200 100%)";
            }>;
            "alpha-gradient-bg-blue": Readonly<{
                value: "linear-gradient(90deg, #7d9efa 50%, #84e09a 100%)";
                ref: "linear-gradient(90deg, alpha-color-blue-300 50%, alpha-color-green-200 100%)";
            }>;
            "alpha-gradient-fg-green": Readonly<{
                value: "linear-gradient(90deg, #40ad67 0%, #68cc7f 100%)";
                ref: "linear-gradient(90deg, alpha-color-green-400 0%, alpha-color-green-300 100%)";
            }>;
        }>;
        opacity: Readonly<{
            "alpha-opacity-disabled": Readonly<{
                value: 0.4;
            }>;
        }>;
        radius: Readonly<{
            "alpha-radius-2": Readonly<{
                value: "2px";
            }>;
            "alpha-radius-3": Readonly<{
                value: "3px";
            }>;
            "alpha-radius-4": Readonly<{
                value: "4px";
            }>;
            "alpha-radius-6": Readonly<{
                value: "6px";
            }>;
            "alpha-radius-7": Readonly<{
                value: "7px";
            }>;
            "alpha-radius-8": Readonly<{
                value: "8px";
            }>;
            "alpha-radius-10": Readonly<{
                value: "10px";
            }>;
            "alpha-radius-12": Readonly<{
                value: "12px";
            }>;
            "alpha-radius-14": Readonly<{
                value: "14px";
            }>;
            "alpha-radius-16": Readonly<{
                value: "16px";
            }>;
            "alpha-radius-20": Readonly<{
                value: "20px";
            }>;
            "alpha-radius-32": Readonly<{
                value: "32px";
            }>;
            "alpha-radius-rounded-half": Readonly<{
                value: "9999px";
            }>;
            "alpha-radius-smooth-corner": Readonly<{
                value: "42%";
            }>;
        }>;
        typography: Readonly<{
            "alpha-typography-message-font-weight": Readonly<{
                value: 400;
                ref: "alpha-font-weight-regular";
            }>;
            "alpha-typography-message-font-size": Readonly<{
                value: "1.55rem";
                ref: "alpha-font-size-15-5";
            }>;
            "alpha-typography-message-line-height": Readonly<{
                value: "2.3rem";
                ref: "alpha-font-line-height-23";
            }>;
            "alpha-typography-message-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-h1-bold-font-weight": Readonly<{
                value: 700;
                ref: "alpha-font-weight-bold";
            }>;
            "alpha-typography-h1-bold-font-size": Readonly<{
                value: "3.6rem";
                ref: "alpha-font-size-36";
            }>;
            "alpha-typography-h1-bold-line-height": Readonly<{
                value: "4.4rem";
                ref: "alpha-font-line-height-44";
            }>;
            "alpha-typography-h1-bold-letter-spacing": Readonly<{
                value: "0rem";
                ref: "alpha-font-letter-spacing-0";
            }>;
            "alpha-typography-h2-bold-font-weight": Readonly<{
                value: 700;
                ref: "alpha-font-weight-bold";
            }>;
            "alpha-typography-h2-bold-font-size": Readonly<{
                value: "3rem";
                ref: "alpha-font-size-30";
            }>;
            "alpha-typography-h2-bold-line-height": Readonly<{
                value: "3.6rem";
                ref: "alpha-font-line-height-36";
            }>;
            "alpha-typography-h2-bold-letter-spacing": Readonly<{
                value: "0rem";
                ref: "alpha-font-letter-spacing-0";
            }>;
            "alpha-typography-h2-regular-font-weight": Readonly<{
                value: 400;
                ref: "alpha-font-weight-regular";
            }>;
            "alpha-typography-h2-regular-font-size": Readonly<{
                value: "3rem";
                ref: "alpha-font-size-30";
            }>;
            "alpha-typography-h2-regular-line-height": Readonly<{
                value: "3.6rem";
                ref: "alpha-font-line-height-36";
            }>;
            "alpha-typography-h2-regular-letter-spacing": Readonly<{
                value: "0rem";
                ref: "alpha-font-letter-spacing-0";
            }>;
            "alpha-typography-h3-bold-font-weight": Readonly<{
                value: 700;
                ref: "alpha-font-weight-bold";
            }>;
            "alpha-typography-h3-bold-font-size": Readonly<{
                value: "2.4rem";
                ref: "alpha-font-size-24";
            }>;
            "alpha-typography-h3-bold-line-height": Readonly<{
                value: "3.2rem";
                ref: "alpha-font-line-height-32";
            }>;
            "alpha-typography-h3-bold-letter-spacing": Readonly<{
                value: "0rem";
                ref: "alpha-font-letter-spacing-0";
            }>;
            "alpha-typography-h3-regular-font-weight": Readonly<{
                value: 400;
                ref: "alpha-font-weight-regular";
            }>;
            "alpha-typography-h3-regular-font-size": Readonly<{
                value: "2.4rem";
                ref: "alpha-font-size-24";
            }>;
            "alpha-typography-h3-regular-line-height": Readonly<{
                value: "3.2rem";
                ref: "alpha-font-line-height-32";
            }>;
            "alpha-typography-h3-regular-letter-spacing": Readonly<{
                value: "0rem";
                ref: "alpha-font-letter-spacing-0";
            }>;
            "alpha-typography-title-1-bold-font-weight": Readonly<{
                value: 700;
                ref: "alpha-font-weight-bold";
            }>;
            "alpha-typography-title-1-bold-font-size": Readonly<{
                value: "2.2rem";
                ref: "alpha-font-size-22";
            }>;
            "alpha-typography-title-1-bold-line-height": Readonly<{
                value: "2.8rem";
                ref: "alpha-font-line-height-28";
            }>;
            "alpha-typography-title-1-bold-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-title-2-bold-font-weight": Readonly<{
                value: 700;
                ref: "alpha-font-weight-bold";
            }>;
            "alpha-typography-title-2-bold-font-size": Readonly<{
                value: "1.8rem";
                ref: "alpha-font-size-18";
            }>;
            "alpha-typography-title-2-bold-line-height": Readonly<{
                value: "2.4rem";
                ref: "alpha-font-line-height-24";
            }>;
            "alpha-typography-title-2-bold-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-title-2-semibold-font-weight": Readonly<{
                value: 600;
                ref: "alpha-font-weight-semibold";
            }>;
            "alpha-typography-title-2-semibold-font-size": Readonly<{
                value: "1.8rem";
                ref: "alpha-font-size-18";
            }>;
            "alpha-typography-title-2-semibold-line-height": Readonly<{
                value: "2.4rem";
                ref: "alpha-font-line-height-24";
            }>;
            "alpha-typography-title-2-semibold-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-title-3-semibold-font-weight": Readonly<{
                value: 600;
                ref: "alpha-font-weight-semibold";
            }>;
            "alpha-typography-title-3-semibold-font-size": Readonly<{
                value: "1.6rem";
                ref: "alpha-font-size-16";
            }>;
            "alpha-typography-title-3-semibold-line-height": Readonly<{
                value: "2.4rem";
                ref: "alpha-font-line-height-24";
            }>;
            "alpha-typography-title-3-semibold-letter-spacing": Readonly<{
                value: "0.03rem";
                ref: "alpha-font-letter-spacing-3";
            }>;
            "alpha-typography-body-1-semibold-font-weight": Readonly<{
                value: 600;
                ref: "alpha-font-weight-semibold";
            }>;
            "alpha-typography-body-1-semibold-font-size": Readonly<{
                value: "1.6rem";
                ref: "alpha-font-size-16";
            }>;
            "alpha-typography-body-1-semibold-line-height": Readonly<{
                value: "2.4rem";
                ref: "alpha-font-line-height-24";
            }>;
            "alpha-typography-body-1-semibold-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-body-1-regular-font-weight": Readonly<{
                value: 400;
                ref: "alpha-font-weight-regular";
            }>;
            "alpha-typography-body-1-regular-font-size": Readonly<{
                value: "1.6rem";
                ref: "alpha-font-size-16";
            }>;
            "alpha-typography-body-1-regular-line-height": Readonly<{
                value: "2.4rem";
                ref: "alpha-font-line-height-24";
            }>;
            "alpha-typography-body-1-regular-letter-spacing": Readonly<{
                value: "0.01rem";
                ref: "alpha-font-letter-spacing-1";
            }>;
            "alpha-typography-body-2-semibold-font-weight": Readonly<{
                value: 600;
                ref: "alpha-font-weight-semibold";
            }>;
            "alpha-typography-body-2-semibold-font-size": Readonly<{
                value: "1.5rem";
                ref: "alpha-font-size-15";
            }>;
            "alpha-typography-body-2-semibold-line-height": Readonly<{
                value: "2.2rem";
                ref: "alpha-font-line-height-22";
            }>;
            "alpha-typography-body-2-semibold-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-body-2-regular-font-weight": Readonly<{
                value: 400;
                ref: "alpha-font-weight-regular";
            }>;
            "alpha-typography-body-2-regular-font-size": Readonly<{
                value: "1.5rem";
                ref: "alpha-font-size-15";
            }>;
            "alpha-typography-body-2-regular-line-height": Readonly<{
                value: "2.2rem";
                ref: "alpha-font-line-height-22";
            }>;
            "alpha-typography-body-2-regular-letter-spacing": Readonly<{
                value: "0.01rem";
                ref: "alpha-font-letter-spacing-1";
            }>;
            "alpha-typography-caption-1-semibold-font-weight": Readonly<{
                value: 600;
                ref: "alpha-font-weight-semibold";
            }>;
            "alpha-typography-caption-1-semibold-font-size": Readonly<{
                value: "1.4rem";
                ref: "alpha-font-size-14";
            }>;
            "alpha-typography-caption-1-semibold-line-height": Readonly<{
                value: "1.8rem";
                ref: "alpha-font-line-height-18";
            }>;
            "alpha-typography-caption-1-semibold-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-caption-1-regular-font-weight": Readonly<{
                value: 400;
                ref: "alpha-font-weight-regular";
            }>;
            "alpha-typography-caption-1-regular-font-size": Readonly<{
                value: "1.4rem";
                ref: "alpha-font-size-14";
            }>;
            "alpha-typography-caption-1-regular-line-height": Readonly<{
                value: "1.8rem";
                ref: "alpha-font-line-height-18";
            }>;
            "alpha-typography-caption-1-regular-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-caption-2-semibold-font-weight": Readonly<{
                value: 600;
                ref: "alpha-font-weight-semibold";
            }>;
            "alpha-typography-caption-2-semibold-font-size": Readonly<{
                value: "1.3rem";
                ref: "alpha-font-size-13";
            }>;
            "alpha-typography-caption-2-semibold-line-height": Readonly<{
                value: "1.8rem";
                ref: "alpha-font-line-height-18";
            }>;
            "alpha-typography-caption-2-semibold-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-caption-2-regular-font-weight": Readonly<{
                value: 400;
                ref: "alpha-font-weight-regular";
            }>;
            "alpha-typography-caption-2-regular-font-size": Readonly<{
                value: "1.3rem";
                ref: "alpha-font-size-13";
            }>;
            "alpha-typography-caption-2-regular-line-height": Readonly<{
                value: "1.8rem";
                ref: "alpha-font-line-height-18";
            }>;
            "alpha-typography-caption-2-regular-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-caption-3-semibold-font-weight": Readonly<{
                value: 600;
                ref: "alpha-font-weight-semibold";
            }>;
            "alpha-typography-caption-3-semibold-font-size": Readonly<{
                value: "1.2rem";
                ref: "alpha-font-size-12";
            }>;
            "alpha-typography-caption-3-semibold-line-height": Readonly<{
                value: "1.6rem";
                ref: "alpha-font-line-height-16";
            }>;
            "alpha-typography-caption-3-semibold-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-caption-3-regular-font-weight": Readonly<{
                value: 400;
                ref: "alpha-font-weight-regular";
            }>;
            "alpha-typography-caption-3-regular-font-size": Readonly<{
                value: "1.2rem";
                ref: "alpha-font-size-12";
            }>;
            "alpha-typography-caption-3-regular-line-height": Readonly<{
                value: "1.6rem";
                ref: "alpha-font-line-height-16";
            }>;
            "alpha-typography-caption-3-regular-letter-spacing": Readonly<{
                value: "0.02rem";
                ref: "alpha-font-letter-spacing-2";
            }>;
            "alpha-typography-caption-4-semibold-font-weight": Readonly<{
                value: 600;
                ref: "alpha-font-weight-semibold";
            }>;
            "alpha-typography-caption-4-semibold-font-size": Readonly<{
                value: "1.1rem";
                ref: "alpha-font-size-11";
            }>;
            "alpha-typography-caption-4-semibold-line-height": Readonly<{
                value: "1.6rem";
                ref: "alpha-font-line-height-16";
            }>;
            "alpha-typography-caption-4-semibold-letter-spacing": Readonly<{
                value: "0.01rem";
                ref: "alpha-font-letter-spacing-1";
            }>;
            "alpha-typography-caption-4-regular-font-weight": Readonly<{
                value: 400;
                ref: "alpha-font-weight-regular";
            }>;
            "alpha-typography-caption-4-regular-font-size": Readonly<{
                value: "1.1rem";
                ref: "alpha-font-size-11";
            }>;
            "alpha-typography-caption-4-regular-line-height": Readonly<{
                value: "1.6rem";
                ref: "alpha-font-line-height-16";
            }>;
            "alpha-typography-caption-4-regular-letter-spacing": Readonly<{
                value: "0.01rem";
                ref: "alpha-font-letter-spacing-1";
            }>;
        }>;
    }>;
    lightTheme: Readonly<{
        gradient: Readonly<{
            "alpha-gradient-fg-black": Readonly<{
                value: "linear-gradient(90deg, #00000014 0%, #00000026 100%)";
                ref: "linear-gradient(90deg, alpha-color-bg-black-light 0%, alpha-color-bg-black-dark 100%)";
            }>;
        }>;
        shadow: Readonly<{
            "alpha-shadow-1": Readonly<{
                value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 1px 2px 0 #00000014";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 1px 2px 0 alpha-color-shadow-small";
            }>;
            "alpha-shadow-2": Readonly<{
                value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 2px 6px 0 #00000014";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 2px 6px 0 alpha-color-shadow-small";
            }>;
            "alpha-shadow-3": Readonly<{
                value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 4px 16px 0 #00000026";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 4px 16px 0 alpha-color-shadow-medium";
            }>;
            "alpha-shadow-4": Readonly<{
                value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 4px 24px 0 #00000038";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 4px 24px 0 alpha-color-shadow-large";
            }>;
            "alpha-shadow-5": Readonly<{
                value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 6px 40px 0 #0000004d";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 6px 40px 0 alpha-color-shadow-xlarge";
            }>;
            "alpha-shadow-6": Readonly<{
                value: "inset 0 0 2px 0 #ffffff1f, 0 0 2px 1px #0000000d, 0 12px 60px 4px #0000004d";
                ref: "inset 0 0 2px 0 alpha-color-shadow-base-inner, 0 0 2px 1px alpha-color-shadow-base, 0 12px 60px 4px alpha-color-shadow-xlarge";
            }>;
            "alpha-shadow-error": Readonly<{
                value: "0 0 0 1px #e67f2b";
                ref: "0 0 0 1px alpha-color-warning-bg-normal";
            }>;
            "alpha-shadow-active": Readonly<{
                value: "0 0 0 1px #6d6afc";
                ref: "0 0 0 1px alpha-color-primary-bg-normal";
            }>;
            "alpha-shadow-input-default": Readonly<{
                value: "inset 0 0 0 1px #00000026, 0 0 2px 0 #0000000d";
                ref: "inset 0 0 0 1px alpha-color-shadow-medium, 0 0 2px 0 alpha-color-shadow-base";
            }>;
            "alpha-shadow-input-hover": Readonly<{
                value: "inset 0 0 0 1px #6d6afc, 0 0 6px 0 #0000000d";
                ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 6px 0 alpha-color-shadow-base";
            }>;
            "alpha-shadow-input-active": Readonly<{
                value: "inset 0 0 0 1px #6d6afc, 0 0 0 3px #6d6afc4d, 0 0 6px 0 #0000000d";
                ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 0 3px alpha-color-primary-bg-light, 0 0 6px 0 alpha-color-shadow-base";
            }>;
            "alpha-shadow-input-error": Readonly<{
                value: "inset 0 0 0 1px #e67f2b, 0 0 0 3px #e67f2b4d, 0 0 6px 0 #0000000d";
                ref: "inset 0 0 0 1px alpha-color-warning-bg-normal, 0 0 0 3px alpha-color-warning-bg-light, 0 0 6px 0 alpha-color-shadow-base";
            }>;
        }>;
        color: Readonly<{
            "alpha-color-fg-black-pure": Readonly<{
                value: "#000000";
                ref: "alpha-color-black-100";
            }>;
            "alpha-color-fg-black-pure-hovered": Readonly<{
                value: "#1c1c1cff";
            }>;
            "alpha-color-fg-black-darkest": Readonly<{
                value: "#000000d9";
                ref: "alpha-color-black-85";
            }>;
            "alpha-color-fg-black-darkest-hovered": Readonly<{
                value: "#1c1c1cd9";
            }>;
            "alpha-color-fg-black-darker": Readonly<{
                value: "#00000099";
                ref: "alpha-color-black-60";
            }>;
            "alpha-color-fg-black-darker-hovered": Readonly<{
                value: "#1c1c1c99";
            }>;
            "alpha-color-fg-black-dark": Readonly<{
                value: "#00000066";
                ref: "alpha-color-black-40";
            }>;
            "alpha-color-fg-black-dark-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "alpha-color-fg-black-light": Readonly<{
                value: "#00000026";
                ref: "alpha-color-black-15";
            }>;
            "alpha-color-fg-black-light-hovered": Readonly<{
                value: "#1c1c1c39";
            }>;
            "alpha-color-fg-black-lightest": Readonly<{
                value: "#00000014";
                ref: "alpha-color-black-8";
            }>;
            "alpha-color-fg-black-lightest-hovered": Readonly<{
                value: "#1c1c1c1e";
            }>;
            "alpha-color-fg-white-normal": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-fg-white-normal-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-fg-blue-normal": Readonly<{
                value: "#6d6afc";
                ref: "alpha-color-blue-400";
            }>;
            "alpha-color-fg-blue-normal-hovered": Readonly<{
                value: "#5551fcff";
            }>;
            "alpha-color-fg-blue-light": Readonly<{
                value: "#6d6afc4d";
                ref: "alpha-color-blue-400-30";
            }>;
            "alpha-color-fg-blue-light-hovered": Readonly<{
                value: "#5551fc4d";
            }>;
            "alpha-color-fg-blue-dark": Readonly<{
                value: "#5950dc";
                ref: "alpha-color-blue-500";
            }>;
            "alpha-color-fg-blue-dark-hovered": Readonly<{
                value: "#4b42d5ff";
            }>;
            "alpha-color-fg-cobalt-normal": Readonly<{
                value: "#5093e5";
                ref: "alpha-color-cobalt-400";
            }>;
            "alpha-color-fg-cobalt-normal-hovered": Readonly<{
                value: "#4088dfff";
            }>;
            "alpha-color-fg-cobalt-light": Readonly<{
                value: "#5093e54d";
                ref: "alpha-color-cobalt-400-30";
            }>;
            "alpha-color-fg-cobalt-light-hovered": Readonly<{
                value: "#4088df4d";
            }>;
            "alpha-color-fg-cobalt-dark": Readonly<{
                value: "#3870d1";
                ref: "alpha-color-cobalt-500";
            }>;
            "alpha-color-fg-cobalt-dark-hovered": Readonly<{
                value: "#3268c4ff";
            }>;
            "alpha-color-fg-red-normal": Readonly<{
                value: "#e55c5c";
                ref: "alpha-color-red-400";
            }>;
            "alpha-color-fg-red-normal-hovered": Readonly<{
                value: "#df4c4cff";
            }>;
            "alpha-color-fg-red-light": Readonly<{
                value: "#e55c5c4d";
                ref: "alpha-color-red-400-30";
            }>;
            "alpha-color-fg-red-light-hovered": Readonly<{
                value: "#df4c4c4d";
            }>;
            "alpha-color-fg-red-dark": Readonly<{
                value: "#bc3a42";
                ref: "alpha-color-red-500";
            }>;
            "alpha-color-fg-red-dark-hovered": Readonly<{
                value: "#ab3940ff";
            }>;
            "alpha-color-fg-orange-normal": Readonly<{
                value: "#e67f2b";
                ref: "alpha-color-orange-400";
            }>;
            "alpha-color-fg-orange-normal-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "alpha-color-fg-orange-light": Readonly<{
                value: "#e67f2b4d";
                ref: "alpha-color-orange-400-30";
            }>;
            "alpha-color-fg-orange-light-hovered": Readonly<{
                value: "#df751f4d";
            }>;
            "alpha-color-fg-orange-dark": Readonly<{
                value: "#c1630d";
                ref: "alpha-color-orange-500";
            }>;
            "alpha-color-fg-orange-dark-hovered": Readonly<{
                value: "#b15c0fff";
            }>;
            "alpha-color-fg-green-normal": Readonly<{
                value: "#40ad67";
                ref: "alpha-color-green-400";
            }>;
            "alpha-color-fg-green-normal-hovered": Readonly<{
                value: "#3f9e61ff";
            }>;
            "alpha-color-fg-green-light": Readonly<{
                value: "#40ad674d";
                ref: "alpha-color-green-400-30";
            }>;
            "alpha-color-fg-green-light-hovered": Readonly<{
                value: "#3f9e614d";
            }>;
            "alpha-color-fg-green-dark": Readonly<{
                value: "#358761";
                ref: "alpha-color-green-500";
            }>;
            "alpha-color-fg-green-dark-hovered": Readonly<{
                value: "#347b5aff";
            }>;
            "alpha-color-fg-teal-normal": Readonly<{
                value: "#09b2ac";
                ref: "alpha-color-teal-400";
            }>;
            "alpha-color-fg-teal-normal-hovered": Readonly<{
                value: "#08a5a0ff";
            }>;
            "alpha-color-fg-teal-light": Readonly<{
                value: "#09b2ac4d";
                ref: "alpha-color-teal-400-30";
            }>;
            "alpha-color-fg-teal-light-hovered": Readonly<{
                value: "#08a5a04d";
            }>;
            "alpha-color-fg-teal-dark": Readonly<{
                value: "#068e95";
                ref: "alpha-color-teal-500";
            }>;
            "alpha-color-fg-teal-dark-hovered": Readonly<{
                value: "#06848bff";
            }>;
            "alpha-color-fg-olive-normal": Readonly<{
                value: "#a9b110";
                ref: "alpha-color-olive-400";
            }>;
            "alpha-color-fg-olive-normal-hovered": Readonly<{
                value: "#9ba212ff";
            }>;
            "alpha-color-fg-olive-light": Readonly<{
                value: "#a9b1104d";
                ref: "alpha-color-olive-400-30";
            }>;
            "alpha-color-fg-olive-light-hovered": Readonly<{
                value: "#9ba2124d";
            }>;
            "alpha-color-fg-olive-dark": Readonly<{
                value: "#7b801c";
                ref: "alpha-color-olive-500";
            }>;
            "alpha-color-fg-olive-dark-hovered": Readonly<{
                value: "#70751cff";
            }>;
            "alpha-color-fg-yellow-normal": Readonly<{
                value: "#edae0d";
                ref: "alpha-color-yellow-400";
            }>;
            "alpha-color-fg-yellow-normal-hovered": Readonly<{
                value: "#d9a010ff";
            }>;
            "alpha-color-fg-yellow-light": Readonly<{
                value: "#edae0d4d";
                ref: "alpha-color-yellow-400-30";
            }>;
            "alpha-color-fg-yellow-light-hovered": Readonly<{
                value: "#d9a0104d";
            }>;
            "alpha-color-fg-yellow-dark": Readonly<{
                value: "#c38f00";
                ref: "alpha-color-yellow-500";
            }>;
            "alpha-color-fg-yellow-dark-hovered": Readonly<{
                value: "#b58500ff";
            }>;
            "alpha-color-fg-pink-normal": Readonly<{
                value: "#d64bb5";
                ref: "alpha-color-pink-400";
            }>;
            "alpha-color-fg-pink-normal-hovered": Readonly<{
                value: "#cf3eacff";
            }>;
            "alpha-color-fg-pink-light": Readonly<{
                value: "#d64bb54d";
                ref: "alpha-color-pink-400-30";
            }>;
            "alpha-color-fg-pink-light-hovered": Readonly<{
                value: "#cf3eac4d";
            }>;
            "alpha-color-fg-pink-dark": Readonly<{
                value: "#b0369e";
                ref: "alpha-color-pink-500";
            }>;
            "alpha-color-fg-pink-dark-hovered": Readonly<{
                value: "#a03591ff";
            }>;
            "alpha-color-fg-purple-normal": Readonly<{
                value: "#8e57e7";
                ref: "alpha-color-purple-400";
            }>;
            "alpha-color-fg-purple-normal-hovered": Readonly<{
                value: "#8247e1ff";
            }>;
            "alpha-color-fg-purple-light": Readonly<{
                value: "#8e57e74d";
                ref: "alpha-color-purple-400-30";
            }>;
            "alpha-color-fg-purple-light-hovered": Readonly<{
                value: "#8247e14d";
            }>;
            "alpha-color-fg-purple-dark": Readonly<{
                value: "#6735b6";
                ref: "alpha-color-purple-500";
            }>;
            "alpha-color-fg-purple-dark-hovered": Readonly<{
                value: "#6135a6ff";
            }>;
            "alpha-color-fg-navy-normal": Readonly<{
                value: "#424fab";
                ref: "alpha-color-navy-400";
            }>;
            "alpha-color-fg-navy-normal-hovered": Readonly<{
                value: "#414c9cff";
            }>;
            "alpha-color-fg-navy-light": Readonly<{
                value: "#424fab4d";
                ref: "alpha-color-navy-400-30";
            }>;
            "alpha-color-fg-navy-light-hovered": Readonly<{
                value: "#414c9c4d";
            }>;
            "alpha-color-fg-navy-dark": Readonly<{
                value: "#353888";
                ref: "alpha-color-navy-500";
            }>;
            "alpha-color-fg-navy-dark-hovered": Readonly<{
                value: "#34377cff";
            }>;
            "alpha-color-fg-absolute-black-dark": Readonly<{
                value: "#000000";
                ref: "alpha-color-black-100";
            }>;
            "alpha-color-fg-absolute-black-dark-hovered": Readonly<{
                value: "#1c1c1cff";
            }>;
            "alpha-color-fg-absolute-black-normal": Readonly<{
                value: "#000000d9";
                ref: "alpha-color-black-85";
            }>;
            "alpha-color-fg-absolute-black-normal-hovered": Readonly<{
                value: "#1c1c1cd9";
            }>;
            "alpha-color-fg-absolute-black-light": Readonly<{
                value: "#00000099";
                ref: "alpha-color-black-60";
            }>;
            "alpha-color-fg-absolute-black-light-hovered": Readonly<{
                value: "#1c1c1c99";
            }>;
            "alpha-color-fg-absolute-black-lighter": Readonly<{
                value: "#00000066";
                ref: "alpha-color-black-40";
            }>;
            "alpha-color-fg-absolute-black-lighter-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "alpha-color-fg-absolute-black-lightest": Readonly<{
                value: "#00000033";
                ref: "alpha-color-black-20";
            }>;
            "alpha-color-fg-absolute-black-lightest-hovered": Readonly<{
                value: "#1c1c1c4d";
            }>;
            "alpha-color-fg-absolute-white-dark": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-fg-absolute-white-dark-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-fg-absolute-white-normal": Readonly<{
                value: "#ffffffe6";
                ref: "alpha-color-white-90";
            }>;
            "alpha-color-fg-absolute-white-normal-hovered": Readonly<{
                value: "#ededede6";
            }>;
            "alpha-color-fg-absolute-white-light": Readonly<{
                value: "#ffffff99";
                ref: "alpha-color-white-60";
            }>;
            "alpha-color-fg-absolute-white-light-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "alpha-color-fg-absolute-white-lighter": Readonly<{
                value: "#ffffff66";
                ref: "alpha-color-white-40";
            }>;
            "alpha-color-fg-absolute-white-lighter-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "alpha-color-fg-absolute-white-lightest": Readonly<{
                value: "#ffffff33";
                ref: "alpha-color-white-20";
            }>;
            "alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "alpha-color-fg-grey-darkest": Readonly<{
                value: "#242428";
                ref: "alpha-color-grey-900";
            }>;
            "alpha-color-fg-grey-darkest-hovered": Readonly<{
                value: "#42424aff";
            }>;
            "alpha-color-fg-grey-dark": Readonly<{
                value: "#a7a7aa";
                ref: "alpha-color-grey-500";
            }>;
            "alpha-color-fg-grey-dark-hovered": Readonly<{
                value: "#9b9b9eff";
            }>;
            "alpha-color-fg-grey-normal": Readonly<{
                value: "#cfcfd1";
                ref: "alpha-color-grey-400";
            }>;
            "alpha-color-fg-grey-normal-hovered": Readonly<{
                value: "#c0c0c3ff";
            }>;
            "alpha-color-fg-grey-light": Readonly<{
                value: "#efeff0";
                ref: "alpha-color-grey-200";
            }>;
            "alpha-color-fg-grey-light-hovered": Readonly<{
                value: "#dedee0ff";
            }>;
            "alpha-color-fg-grey-lighter": Readonly<{
                value: "#f7f7f8";
                ref: "alpha-color-grey-100";
            }>;
            "alpha-color-fg-grey-lighter-hovered": Readonly<{
                value: "#e5e5e8ff";
            }>;
            "alpha-color-fg-grey-lightest": Readonly<{
                value: "#fcfcfc";
                ref: "alpha-color-grey-50";
            }>;
            "alpha-color-fg-grey-lightest-hovered": Readonly<{
                value: "#eaeaeaff";
            }>;
            "alpha-color-fg-grey-alpha-darker": Readonly<{
                value: "#efeff0cc";
                ref: "alpha-color-grey-alpha-200-80";
            }>;
            "alpha-color-fg-grey-alpha-darker-hovered": Readonly<{
                value: "#dedee0cc";
            }>;
            "alpha-color-fg-grey-alpha-dark": Readonly<{
                value: "#f7f7f8cc";
                ref: "alpha-color-grey-alpha-100-80";
            }>;
            "alpha-color-fg-grey-alpha-dark-hovered": Readonly<{
                value: "#e5e5e8cc";
            }>;
            "alpha-color-fg-grey-alpha-light": Readonly<{
                value: "#fcfcfccc";
                ref: "alpha-color-grey-alpha-50-80";
            }>;
            "alpha-color-fg-grey-alpha-light-hovered": Readonly<{
                value: "#eaeaeacc";
            }>;
            "alpha-color-bg-black-darkest": Readonly<{
                value: "#00000099";
                ref: "alpha-color-black-60";
            }>;
            "alpha-color-bg-black-darkest-hovered": Readonly<{
                value: "#1c1c1c99";
            }>;
            "alpha-color-bg-black-darker": Readonly<{
                value: "#00000066";
                ref: "alpha-color-black-40";
            }>;
            "alpha-color-bg-black-darker-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "alpha-color-bg-black-dark": Readonly<{
                value: "#00000026";
                ref: "alpha-color-black-15";
            }>;
            "alpha-color-bg-black-dark-hovered": Readonly<{
                value: "#1c1c1c39";
            }>;
            "alpha-color-bg-black-light": Readonly<{
                value: "#00000014";
                ref: "alpha-color-black-8";
            }>;
            "alpha-color-bg-black-light-hovered": Readonly<{
                value: "#1c1c1c1e";
            }>;
            "alpha-color-bg-black-lighter": Readonly<{
                value: "#0000000d";
                ref: "alpha-color-black-5";
            }>;
            "alpha-color-bg-black-lighter-hovered": Readonly<{
                value: "#1c1c1c14";
            }>;
            "alpha-color-bg-black-lightest": Readonly<{
                value: "#00000008";
                ref: "alpha-color-black-3";
            }>;
            "alpha-color-bg-black-lightest-hovered": Readonly<{
                value: "#1c1c1c0c";
            }>;
            "alpha-color-bg-black-transparent": Readonly<{
                value: "#00000000";
                ref: "alpha-color-black-0";
            }>;
            "alpha-color-bg-black-transparent-hovered": Readonly<{
                value: "#0000000d";
            }>;
            "alpha-color-bg-grey-darkest": Readonly<{
                value: "#242428";
                ref: "alpha-color-grey-900";
            }>;
            "alpha-color-bg-grey-darkest-hovered": Readonly<{
                value: "#42424aff";
            }>;
            "alpha-color-bg-grey-dark": Readonly<{
                value: "#a7a7aa";
                ref: "alpha-color-grey-500";
            }>;
            "alpha-color-bg-grey-dark-hovered": Readonly<{
                value: "#9b9b9eff";
            }>;
            "alpha-color-bg-grey-light": Readonly<{
                value: "#efeff0";
                ref: "alpha-color-grey-200";
            }>;
            "alpha-color-bg-grey-light-hovered": Readonly<{
                value: "#dedee0ff";
            }>;
            "alpha-color-bg-grey-lighter": Readonly<{
                value: "#f7f7f8";
                ref: "alpha-color-grey-100";
            }>;
            "alpha-color-bg-grey-lighter-hovered": Readonly<{
                value: "#e5e5e8ff";
            }>;
            "alpha-color-bg-grey-lightest": Readonly<{
                value: "#fcfcfc";
                ref: "alpha-color-grey-50";
            }>;
            "alpha-color-bg-grey-lightest-hovered": Readonly<{
                value: "#eaeaeaff";
            }>;
            "alpha-color-bg-grey-transparent": Readonly<{
                value: "#24242800";
                ref: "alpha-color-grey-900-0";
            }>;
            "alpha-color-bg-grey-transparent-hovered": Readonly<{
                value: "#2424280d";
            }>;
            "alpha-color-bg-grey-normal": Readonly<{
                value: "#cfcfd1";
                ref: "alpha-color-grey-400";
            }>;
            "alpha-color-bg-grey-normal-hovered": Readonly<{
                value: "#c0c0c3ff";
            }>;
            "alpha-color-bg-grey-alpha-darkest": Readonly<{
                value: "#efeff0cc";
                ref: "alpha-color-grey-alpha-200-80";
            }>;
            "alpha-color-bg-grey-alpha-darkest-hovered": Readonly<{
                value: "#dedee0cc";
            }>;
            "alpha-color-bg-grey-alpha-darker": Readonly<{
                value: "#f7f7f8e6";
                ref: "alpha-color-grey-alpha-100-90";
            }>;
            "alpha-color-bg-grey-alpha-darker-hovered": Readonly<{
                value: "#e5e5e8e6";
            }>;
            "alpha-color-bg-grey-alpha-dark": Readonly<{
                value: "#f7f7f8cc";
                ref: "alpha-color-grey-alpha-100-80";
            }>;
            "alpha-color-bg-grey-alpha-dark-hovered": Readonly<{
                value: "#e5e5e8cc";
            }>;
            "alpha-color-bg-grey-alpha-light": Readonly<{
                value: "#fcfcfccc";
                ref: "alpha-color-grey-alpha-50-80";
            }>;
            "alpha-color-bg-grey-alpha-light-hovered": Readonly<{
                value: "#eaeaeacc";
            }>;
            "alpha-color-bg-white-highest": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-bg-white-highest-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-bg-white-higher": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-bg-white-higher-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-bg-white-normal": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-bg-white-normal-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-bg-white-transparent": Readonly<{
                value: "#ffffff00";
                ref: "alpha-color-white-0";
            }>;
            "alpha-color-bg-white-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "alpha-color-bg-white-alpha-lightest": Readonly<{
                value: "#ffffffe6";
                ref: "alpha-color-white-90";
            }>;
            "alpha-color-bg-white-alpha-lightest-hovered": Readonly<{
                value: "#ededede6";
            }>;
            "alpha-color-bg-white-alpha-lighter": Readonly<{
                value: "#ffffff99";
                ref: "alpha-color-white-60";
            }>;
            "alpha-color-bg-white-alpha-lighter-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "alpha-color-bg-white-alpha-light": Readonly<{
                value: "#ffffff33";
                ref: "alpha-color-white-20";
            }>;
            "alpha-color-bg-white-alpha-light-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "alpha-color-bg-white-alpha-transparent": Readonly<{
                value: "#ffffff00";
                ref: "alpha-color-white-0";
            }>;
            "alpha-color-bg-white-alpha-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "alpha-color-bg-blue-normal": Readonly<{
                value: "#6d6afc";
                ref: "alpha-color-blue-400";
            }>;
            "alpha-color-bg-blue-normal-hovered": Readonly<{
                value: "#5551fcff";
            }>;
            "alpha-color-bg-blue-light": Readonly<{
                value: "#6d6afc4d";
                ref: "alpha-color-blue-400-30";
            }>;
            "alpha-color-bg-blue-light-hovered": Readonly<{
                value: "#5551fc4d";
            }>;
            "alpha-color-bg-blue-lighter": Readonly<{
                value: "#6d6afc33";
                ref: "alpha-color-blue-400-20";
            }>;
            "alpha-color-bg-blue-lighter-hovered": Readonly<{
                value: "#5551fc4d";
            }>;
            "alpha-color-bg-blue-lightest": Readonly<{
                value: "#6d6afc1a";
                ref: "alpha-color-blue-400-10";
            }>;
            "alpha-color-bg-blue-lightest-hovered": Readonly<{
                value: "#5551fc27";
            }>;
            "alpha-color-bg-blue-dark": Readonly<{
                value: "#5950dc";
                ref: "alpha-color-blue-500";
            }>;
            "alpha-color-bg-blue-dark-hovered": Readonly<{
                value: "#4b42d5ff";
            }>;
            "alpha-color-bg-blue-shade-lighter": Readonly<{
                value: "#7175e033";
                ref: "alpha-color-shade-blue-400-20";
            }>;
            "alpha-color-bg-blue-shade-lighter-hovered": Readonly<{
                value: "#6165d94d";
            }>;
            "alpha-color-bg-blue-shade-normal": Readonly<{
                value: "#7175e0";
                ref: "alpha-color-shade-blue-400";
            }>;
            "alpha-color-bg-blue-shade-normal-hovered": Readonly<{
                value: "#6165d9ff";
            }>;
            "alpha-color-bg-blue-transparent": Readonly<{
                value: "#6d6afc00";
                ref: "alpha-color-blue-400-0";
            }>;
            "alpha-color-bg-blue-transparent-hovered": Readonly<{
                value: "#6d6afc1a";
            }>;
            "alpha-color-bg-cobalt-normal": Readonly<{
                value: "#5093e5";
                ref: "alpha-color-cobalt-400";
            }>;
            "alpha-color-bg-cobalt-normal-hovered": Readonly<{
                value: "#4088dfff";
            }>;
            "alpha-color-bg-cobalt-light": Readonly<{
                value: "#5093e54d";
                ref: "alpha-color-cobalt-400-30";
            }>;
            "alpha-color-bg-cobalt-light-hovered": Readonly<{
                value: "#4088df4d";
            }>;
            "alpha-color-bg-cobalt-lighter": Readonly<{
                value: "#5093e533";
                ref: "alpha-color-cobalt-400-20";
            }>;
            "alpha-color-bg-cobalt-lighter-hovered": Readonly<{
                value: "#4088df4d";
            }>;
            "alpha-color-bg-cobalt-lightest": Readonly<{
                value: "#5093e51a";
                ref: "alpha-color-cobalt-400-10";
            }>;
            "alpha-color-bg-cobalt-lightest-hovered": Readonly<{
                value: "#4088df27";
            }>;
            "alpha-color-bg-cobalt-dark": Readonly<{
                value: "#3870d1";
                ref: "alpha-color-cobalt-500";
            }>;
            "alpha-color-bg-cobalt-dark-hovered": Readonly<{
                value: "#3268c4ff";
            }>;
            "alpha-color-bg-cobalt-shade-lighter": Readonly<{
                value: "#57ace833";
                ref: "alpha-color-shade-cobalt-400-20";
            }>;
            "alpha-color-bg-cobalt-shade-lighter-hovered": Readonly<{
                value: "#47a2e24d";
            }>;
            "alpha-color-bg-cobalt-shade-normal": Readonly<{
                value: "#57ace8";
                ref: "alpha-color-shade-cobalt-400";
            }>;
            "alpha-color-bg-cobalt-shade-normal-hovered": Readonly<{
                value: "#47a2e2ff";
            }>;
            "alpha-color-bg-cobalt-transparent": Readonly<{
                value: "#5093e500";
                ref: "alpha-color-cobalt-400-0";
            }>;
            "alpha-color-bg-cobalt-transparent-hovered": Readonly<{
                value: "#5093e51a";
            }>;
            "alpha-color-bg-red-normal": Readonly<{
                value: "#e55c5c";
                ref: "alpha-color-red-400";
            }>;
            "alpha-color-bg-red-normal-hovered": Readonly<{
                value: "#df4c4cff";
            }>;
            "alpha-color-bg-red-light": Readonly<{
                value: "#e55c5c4d";
                ref: "alpha-color-red-400-30";
            }>;
            "alpha-color-bg-red-light-hovered": Readonly<{
                value: "#df4c4c4d";
            }>;
            "alpha-color-bg-red-lighter": Readonly<{
                value: "#e55c5c33";
                ref: "alpha-color-red-400-20";
            }>;
            "alpha-color-bg-red-lighter-hovered": Readonly<{
                value: "#df4c4c4d";
            }>;
            "alpha-color-bg-red-lightest": Readonly<{
                value: "#e55c5c1a";
                ref: "alpha-color-red-400-10";
            }>;
            "alpha-color-bg-red-lightest-hovered": Readonly<{
                value: "#df4c4c27";
            }>;
            "alpha-color-bg-red-dark": Readonly<{
                value: "#bc3a42";
                ref: "alpha-color-red-500";
            }>;
            "alpha-color-bg-red-dark-hovered": Readonly<{
                value: "#ab3940ff";
            }>;
            "alpha-color-bg-red-shade-lighter": Readonly<{
                value: "#de687033";
                ref: "alpha-color-shade-red-400-20";
            }>;
            "alpha-color-bg-red-shade-lighter-hovered": Readonly<{
                value: "#d758614d";
            }>;
            "alpha-color-bg-red-shade-normal": Readonly<{
                value: "#de6870";
                ref: "alpha-color-shade-red-400";
            }>;
            "alpha-color-bg-red-shade-normal-hovered": Readonly<{
                value: "#d75861ff";
            }>;
            "alpha-color-bg-red-transparent": Readonly<{
                value: "#e55c5c00";
                ref: "alpha-color-red-400-0";
            }>;
            "alpha-color-bg-red-transparent-hovered": Readonly<{
                value: "#e55c5c1a";
            }>;
            "alpha-color-bg-orange-normal": Readonly<{
                value: "#e67f2b";
                ref: "alpha-color-orange-400";
            }>;
            "alpha-color-bg-orange-normal-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "alpha-color-bg-orange-light": Readonly<{
                value: "#e67f2b4d";
                ref: "alpha-color-orange-400-30";
            }>;
            "alpha-color-bg-orange-light-hovered": Readonly<{
                value: "#df751f4d";
            }>;
            "alpha-color-bg-orange-lighter": Readonly<{
                value: "#e67f2b33";
                ref: "alpha-color-orange-400-20";
            }>;
            "alpha-color-bg-orange-lighter-hovered": Readonly<{
                value: "#df751f4d";
            }>;
            "alpha-color-bg-orange-lightest": Readonly<{
                value: "#e67f2b1a";
                ref: "alpha-color-orange-400-10";
            }>;
            "alpha-color-bg-orange-lightest-hovered": Readonly<{
                value: "#df751f27";
            }>;
            "alpha-color-bg-orange-dark": Readonly<{
                value: "#c1630d";
                ref: "alpha-color-orange-500";
            }>;
            "alpha-color-bg-orange-dark-hovered": Readonly<{
                value: "#b15c0fff";
            }>;
            "alpha-color-bg-orange-shade-lighter": Readonly<{
                value: "#e08c4833";
                ref: "alpha-color-shade-orange-400-20";
            }>;
            "alpha-color-bg-orange-shade-lighter-hovered": Readonly<{
                value: "#d9813a4d";
            }>;
            "alpha-color-bg-orange-shade-normal": Readonly<{
                value: "#e08c48";
                ref: "alpha-color-shade-orange-400";
            }>;
            "alpha-color-bg-orange-shade-normal-hovered": Readonly<{
                value: "#d9813aff";
            }>;
            "alpha-color-bg-orange-transparent": Readonly<{
                value: "#e67f2b00";
                ref: "alpha-color-orange-400-0";
            }>;
            "alpha-color-bg-orange-transparent-hovered": Readonly<{
                value: "#e67f2b1a";
            }>;
            "alpha-color-bg-green-normal": Readonly<{
                value: "#40ad67";
                ref: "alpha-color-green-400";
            }>;
            "alpha-color-bg-green-normal-hovered": Readonly<{
                value: "#3f9e61ff";
            }>;
            "alpha-color-bg-green-light": Readonly<{
                value: "#40ad674d";
                ref: "alpha-color-green-400-30";
            }>;
            "alpha-color-bg-green-light-hovered": Readonly<{
                value: "#3f9e614d";
            }>;
            "alpha-color-bg-green-lighter": Readonly<{
                value: "#40ad6733";
                ref: "alpha-color-green-400-20";
            }>;
            "alpha-color-bg-green-lighter-hovered": Readonly<{
                value: "#3f9e614d";
            }>;
            "alpha-color-bg-green-lightest": Readonly<{
                value: "#40ad671a";
                ref: "alpha-color-green-400-10";
            }>;
            "alpha-color-bg-green-lightest-hovered": Readonly<{
                value: "#3f9e6127";
            }>;
            "alpha-color-bg-green-dark": Readonly<{
                value: "#358761";
                ref: "alpha-color-green-500";
            }>;
            "alpha-color-bg-green-dark-hovered": Readonly<{
                value: "#347b5aff";
            }>;
            "alpha-color-bg-green-shade-lighter": Readonly<{
                value: "#62af7c33";
                ref: "alpha-color-shade-green-400-20";
            }>;
            "alpha-color-bg-green-shade-lighter-hovered": Readonly<{
                value: "#5aa4734d";
            }>;
            "alpha-color-bg-green-shade-normal": Readonly<{
                value: "#62af7c";
                ref: "alpha-color-shade-green-400";
            }>;
            "alpha-color-bg-green-shade-normal-hovered": Readonly<{
                value: "#5aa473ff";
            }>;
            "alpha-color-bg-green-transparent": Readonly<{
                value: "#40ad6700";
                ref: "alpha-color-green-400-0";
            }>;
            "alpha-color-bg-green-transparent-hovered": Readonly<{
                value: "#40ad671a";
            }>;
            "alpha-color-bg-teal-normal": Readonly<{
                value: "#09b2ac";
                ref: "alpha-color-teal-400";
            }>;
            "alpha-color-bg-teal-normal-hovered": Readonly<{
                value: "#08a5a0ff";
            }>;
            "alpha-color-bg-teal-light": Readonly<{
                value: "#09b2ac4d";
                ref: "alpha-color-teal-400-30";
            }>;
            "alpha-color-bg-teal-light-hovered": Readonly<{
                value: "#08a5a04d";
            }>;
            "alpha-color-bg-teal-lighter": Readonly<{
                value: "#09b2ac33";
                ref: "alpha-color-teal-400-20";
            }>;
            "alpha-color-bg-teal-lighter-hovered": Readonly<{
                value: "#08a5a04d";
            }>;
            "alpha-color-bg-teal-lightest": Readonly<{
                value: "#09b2ac1a";
                ref: "alpha-color-teal-400-10";
            }>;
            "alpha-color-bg-teal-lightest-hovered": Readonly<{
                value: "#08a5a027";
            }>;
            "alpha-color-bg-teal-dark": Readonly<{
                value: "#068e95";
                ref: "alpha-color-teal-500";
            }>;
            "alpha-color-bg-teal-dark-hovered": Readonly<{
                value: "#06848bff";
            }>;
            "alpha-color-bg-teal-shade-lighter": Readonly<{
                value: "#55aaa733";
                ref: "alpha-color-shade-teal-400-20";
            }>;
            "alpha-color-bg-teal-shade-lighter-hovered": Readonly<{
                value: "#539b984d";
            }>;
            "alpha-color-bg-teal-shade-normal": Readonly<{
                value: "#55aaa7";
                ref: "alpha-color-shade-teal-400";
            }>;
            "alpha-color-bg-teal-shade-normal-hovered": Readonly<{
                value: "#539b98ff";
            }>;
            "alpha-color-bg-teal-transparent": Readonly<{
                value: "#09b2ac00";
                ref: "alpha-color-teal-400-0";
            }>;
            "alpha-color-bg-teal-transparent-hovered": Readonly<{
                value: "#09b2ac1a";
            }>;
            "alpha-color-bg-olive-normal": Readonly<{
                value: "#a9b110";
                ref: "alpha-color-olive-400";
            }>;
            "alpha-color-bg-olive-normal-hovered": Readonly<{
                value: "#9ba212ff";
            }>;
            "alpha-color-bg-olive-light": Readonly<{
                value: "#a9b1104d";
                ref: "alpha-color-olive-400-30";
            }>;
            "alpha-color-bg-olive-light-hovered": Readonly<{
                value: "#9ba2124d";
            }>;
            "alpha-color-bg-olive-lighter": Readonly<{
                value: "#a9b11033";
                ref: "alpha-color-olive-400-20";
            }>;
            "alpha-color-bg-olive-lighter-hovered": Readonly<{
                value: "#9ba2124d";
            }>;
            "alpha-color-bg-olive-lightest": Readonly<{
                value: "#a9b1101a";
                ref: "alpha-color-olive-400-10";
            }>;
            "alpha-color-bg-olive-lightest-hovered": Readonly<{
                value: "#9ba21227";
            }>;
            "alpha-color-bg-olive-dark": Readonly<{
                value: "#7b801c";
                ref: "alpha-color-olive-500";
            }>;
            "alpha-color-bg-olive-dark-hovered": Readonly<{
                value: "#70751cff";
            }>;
            "alpha-color-bg-olive-shade-lighter": Readonly<{
                value: "#a5a95333";
                ref: "alpha-color-shade-olive-400-20";
            }>;
            "alpha-color-bg-olive-shade-lighter-hovered": Readonly<{
                value: "#969a514d";
            }>;
            "alpha-color-bg-olive-shade-normal": Readonly<{
                value: "#a5a953";
                ref: "alpha-color-shade-olive-400";
            }>;
            "alpha-color-bg-olive-shade-normal-hovered": Readonly<{
                value: "#969a51ff";
            }>;
            "alpha-color-bg-olive-transparent": Readonly<{
                value: "#a9b11000";
                ref: "alpha-color-olive-400-0";
            }>;
            "alpha-color-bg-olive-transparent-hovered": Readonly<{
                value: "#a9b1101a";
            }>;
            "alpha-color-bg-yellow-normal": Readonly<{
                value: "#edae0d";
                ref: "alpha-color-yellow-400";
            }>;
            "alpha-color-bg-yellow-normal-hovered": Readonly<{
                value: "#d9a010ff";
            }>;
            "alpha-color-bg-yellow-light": Readonly<{
                value: "#edae0d4d";
                ref: "alpha-color-yellow-400-30";
            }>;
            "alpha-color-bg-yellow-light-hovered": Readonly<{
                value: "#d9a0104d";
            }>;
            "alpha-color-bg-yellow-lighter": Readonly<{
                value: "#edae0d33";
                ref: "alpha-color-yellow-400-20";
            }>;
            "alpha-color-bg-yellow-lighter-hovered": Readonly<{
                value: "#d9a0104d";
            }>;
            "alpha-color-bg-yellow-lightest": Readonly<{
                value: "#edae0d1a";
                ref: "alpha-color-yellow-400-10";
            }>;
            "alpha-color-bg-yellow-lightest-hovered": Readonly<{
                value: "#d9a01027";
            }>;
            "alpha-color-bg-yellow-dark": Readonly<{
                value: "#c38f00";
                ref: "alpha-color-yellow-500";
            }>;
            "alpha-color-bg-yellow-dark-hovered": Readonly<{
                value: "#b58500ff";
            }>;
            "alpha-color-bg-yellow-shade-lighter": Readonly<{
                value: "#e8ae3c33";
                ref: "alpha-color-shade-yellow-400-20";
            }>;
            "alpha-color-bg-yellow-shade-lighter-hovered": Readonly<{
                value: "#e2a52d4d";
            }>;
            "alpha-color-bg-yellow-shade-normal": Readonly<{
                value: "#e8ae3c";
                ref: "alpha-color-shade-yellow-400";
            }>;
            "alpha-color-bg-yellow-shade-normal-hovered": Readonly<{
                value: "#e2a52dff";
            }>;
            "alpha-color-bg-yellow-transparent": Readonly<{
                value: "#edae0d00";
                ref: "alpha-color-yellow-400-0";
            }>;
            "alpha-color-bg-yellow-transparent-hovered": Readonly<{
                value: "#edae0d1a";
            }>;
            "alpha-color-bg-pink-normal": Readonly<{
                value: "#d64bb5";
                ref: "alpha-color-pink-400";
            }>;
            "alpha-color-bg-pink-normal-hovered": Readonly<{
                value: "#cf3eacff";
            }>;
            "alpha-color-bg-pink-light": Readonly<{
                value: "#d64bb54d";
                ref: "alpha-color-pink-400-30";
            }>;
            "alpha-color-bg-pink-light-hovered": Readonly<{
                value: "#cf3eac4d";
            }>;
            "alpha-color-bg-pink-lighter": Readonly<{
                value: "#d64bb533";
                ref: "alpha-color-pink-400-20";
            }>;
            "alpha-color-bg-pink-lighter-hovered": Readonly<{
                value: "#cf3eac4d";
            }>;
            "alpha-color-bg-pink-lightest": Readonly<{
                value: "#d64bb51a";
                ref: "alpha-color-pink-400-10";
            }>;
            "alpha-color-bg-pink-lightest-hovered": Readonly<{
                value: "#cf3eac27";
            }>;
            "alpha-color-bg-pink-dark": Readonly<{
                value: "#b0369e";
                ref: "alpha-color-pink-500";
            }>;
            "alpha-color-bg-pink-dark-hovered": Readonly<{
                value: "#a03591ff";
            }>;
            "alpha-color-bg-pink-shade-lighter": Readonly<{
                value: "#d369ba33";
                ref: "alpha-color-shade-pink-400-20";
            }>;
            "alpha-color-bg-pink-shade-lighter-hovered": Readonly<{
                value: "#cb5bb04d";
            }>;
            "alpha-color-bg-pink-shade-normal": Readonly<{
                value: "#d369ba";
                ref: "alpha-color-shade-pink-400";
            }>;
            "alpha-color-bg-pink-shade-normal-hovered": Readonly<{
                value: "#cb5bb0ff";
            }>;
            "alpha-color-bg-pink-transparent": Readonly<{
                value: "#d64bb500";
                ref: "alpha-color-pink-400-0";
            }>;
            "alpha-color-bg-pink-transparent-hovered": Readonly<{
                value: "#d64bb51a";
            }>;
            "alpha-color-bg-purple-normal": Readonly<{
                value: "#8e57e7";
                ref: "alpha-color-purple-400";
            }>;
            "alpha-color-bg-purple-normal-hovered": Readonly<{
                value: "#8247e1ff";
            }>;
            "alpha-color-bg-purple-light": Readonly<{
                value: "#8e57e74d";
                ref: "alpha-color-purple-400-30";
            }>;
            "alpha-color-bg-purple-light-hovered": Readonly<{
                value: "#8247e14d";
            }>;
            "alpha-color-bg-purple-lighter": Readonly<{
                value: "#8e57e733";
                ref: "alpha-color-purple-400-20";
            }>;
            "alpha-color-bg-purple-lighter-hovered": Readonly<{
                value: "#8247e14d";
            }>;
            "alpha-color-bg-purple-lightest": Readonly<{
                value: "#8e57e71a";
                ref: "alpha-color-purple-400-10";
            }>;
            "alpha-color-bg-purple-lightest-hovered": Readonly<{
                value: "#8247e127";
            }>;
            "alpha-color-bg-purple-dark": Readonly<{
                value: "#6735b6";
                ref: "alpha-color-purple-500";
            }>;
            "alpha-color-bg-purple-dark-hovered": Readonly<{
                value: "#6135a6ff";
            }>;
            "alpha-color-bg-purple-shade-lighter": Readonly<{
                value: "#9d6fe533";
                ref: "alpha-color-shade-purple-400-20";
            }>;
            "alpha-color-bg-purple-shade-lighter-hovered": Readonly<{
                value: "#905ede4d";
            }>;
            "alpha-color-bg-purple-shade-normal": Readonly<{
                value: "#9d6fe5";
                ref: "alpha-color-shade-purple-400";
            }>;
            "alpha-color-bg-purple-shade-normal-hovered": Readonly<{
                value: "#905edeff";
            }>;
            "alpha-color-bg-purple-transparent": Readonly<{
                value: "#8e57e700";
                ref: "alpha-color-purple-400-0";
            }>;
            "alpha-color-bg-purple-transparent-hovered": Readonly<{
                value: "#8e57e71a";
            }>;
            "alpha-color-bg-navy-normal": Readonly<{
                value: "#424fab";
                ref: "alpha-color-navy-400";
            }>;
            "alpha-color-bg-navy-normal-hovered": Readonly<{
                value: "#414c9cff";
            }>;
            "alpha-color-bg-navy-light": Readonly<{
                value: "#424fab4d";
                ref: "alpha-color-navy-400-30";
            }>;
            "alpha-color-bg-navy-light-hovered": Readonly<{
                value: "#414c9c4d";
            }>;
            "alpha-color-bg-navy-lighter": Readonly<{
                value: "#424fab33";
                ref: "alpha-color-navy-400-20";
            }>;
            "alpha-color-bg-navy-lighter-hovered": Readonly<{
                value: "#414c9c4d";
            }>;
            "alpha-color-bg-navy-lightest": Readonly<{
                value: "#424fab1a";
                ref: "alpha-color-navy-400-10";
            }>;
            "alpha-color-bg-navy-lightest-hovered": Readonly<{
                value: "#414c9c27";
            }>;
            "alpha-color-bg-navy-dark": Readonly<{
                value: "#353888";
                ref: "alpha-color-navy-500";
            }>;
            "alpha-color-bg-navy-dark-hovered": Readonly<{
                value: "#34377cff";
            }>;
            "alpha-color-bg-navy-shade-lighter": Readonly<{
                value: "#5f69b033";
                ref: "alpha-color-shade-navy-400-20";
            }>;
            "alpha-color-bg-navy-shade-lighter-hovered": Readonly<{
                value: "#5761a54d";
            }>;
            "alpha-color-bg-navy-shade-normal": Readonly<{
                value: "#5f69b0";
                ref: "alpha-color-shade-navy-400";
            }>;
            "alpha-color-bg-navy-shade-normal-hovered": Readonly<{
                value: "#5761a5ff";
            }>;
            "alpha-color-bg-navy-transparent": Readonly<{
                value: "#424fab00";
                ref: "alpha-color-navy-400-0";
            }>;
            "alpha-color-bg-navy-transparent-hovered": Readonly<{
                value: "#424fab1a";
            }>;
            "alpha-color-bg-absolute-black-dark": Readonly<{
                value: "#000000";
                ref: "alpha-color-black-100";
            }>;
            "alpha-color-bg-absolute-black-dark-hovered": Readonly<{
                value: "#1c1c1cff";
            }>;
            "alpha-color-bg-absolute-black-normal": Readonly<{
                value: "#000000d9";
                ref: "alpha-color-black-85";
            }>;
            "alpha-color-bg-absolute-black-normal-hovered": Readonly<{
                value: "#1c1c1cd9";
            }>;
            "alpha-color-bg-absolute-black-light": Readonly<{
                value: "#00000099";
                ref: "alpha-color-black-60";
            }>;
            "alpha-color-bg-absolute-black-light-hovered": Readonly<{
                value: "#1c1c1c99";
            }>;
            "alpha-color-bg-absolute-black-lighter": Readonly<{
                value: "#00000066";
                ref: "alpha-color-black-40";
            }>;
            "alpha-color-bg-absolute-black-lighter-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "alpha-color-bg-absolute-black-lightest": Readonly<{
                value: "#00000033";
                ref: "alpha-color-black-20";
            }>;
            "alpha-color-bg-absolute-black-lightest-hovered": Readonly<{
                value: "#1c1c1c4d";
            }>;
            "alpha-color-bg-absolute-black-transparent": Readonly<{
                value: "#00000000";
                ref: "alpha-color-black-0";
            }>;
            "alpha-color-bg-absolute-black-transparent-hovered": Readonly<{
                value: "#0000000d";
            }>;
            "alpha-color-bg-absolute-white-dark": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-bg-absolute-white-dark-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-bg-absolute-white-normal": Readonly<{
                value: "#ffffffe6";
                ref: "alpha-color-white-90";
            }>;
            "alpha-color-bg-absolute-white-normal-hovered": Readonly<{
                value: "#ededede6";
            }>;
            "alpha-color-bg-absolute-white-light": Readonly<{
                value: "#ffffff99";
                ref: "alpha-color-white-60";
            }>;
            "alpha-color-bg-absolute-white-light-hovered": Readonly<{
                value: "#ededed99";
            }>;
            "alpha-color-bg-absolute-white-lighter": Readonly<{
                value: "#ffffff66";
                ref: "alpha-color-white-40";
            }>;
            "alpha-color-bg-absolute-white-lighter-hovered": Readonly<{
                value: "#ededed66";
            }>;
            "alpha-color-bg-absolute-white-lightest": Readonly<{
                value: "#ffffff33";
                ref: "alpha-color-white-20";
            }>;
            "alpha-color-bg-absolute-white-lightest-hovered": Readonly<{
                value: "#ededed4d";
            }>;
            "alpha-color-bg-absolute-white-transparent": Readonly<{
                value: "#ffffff00";
                ref: "alpha-color-white-0";
            }>;
            "alpha-color-bg-absolute-white-transparent-hovered": Readonly<{
                value: "#ffffff0d";
            }>;
            "alpha-color-surface-lowest": Readonly<{
                value: "#f7f7f8";
                ref: "alpha-color-grey-100";
            }>;
            "alpha-color-surface-lowest-hovered": Readonly<{
                value: "#e5e5e8ff";
            }>;
            "alpha-color-surface-lower": Readonly<{
                value: "#fcfcfc";
                ref: "alpha-color-grey-50";
            }>;
            "alpha-color-surface-lower-hovered": Readonly<{
                value: "#eaeaeaff";
            }>;
            "alpha-color-surface-normal": Readonly<{
                value: "#ffffff";
                ref: "alpha-color-white-100";
            }>;
            "alpha-color-surface-normal-hovered": Readonly<{
                value: "#edededff";
            }>;
            "alpha-color-shadow-xlarge": Readonly<{
                value: "#0000004d";
                ref: "alpha-color-black-30";
            }>;
            "alpha-color-shadow-xlarge-hovered": Readonly<{
                value: "#1c1c1c4d";
            }>;
            "alpha-color-shadow-large": Readonly<{
                value: "#00000038";
                ref: "alpha-color-black-22";
            }>;
            "alpha-color-shadow-large-hovered": Readonly<{
                value: "#1c1c1c38";
            }>;
            "alpha-color-shadow-medium": Readonly<{
                value: "#00000026";
                ref: "alpha-color-black-15";
            }>;
            "alpha-color-shadow-medium-hovered": Readonly<{
                value: "#1c1c1c39";
            }>;
            "alpha-color-shadow-small": Readonly<{
                value: "#00000014";
                ref: "alpha-color-black-8";
            }>;
            "alpha-color-shadow-small-hovered": Readonly<{
                value: "#1c1c1c1e";
            }>;
            "alpha-color-shadow-base": Readonly<{
                value: "#0000000d";
                ref: "alpha-color-black-5";
            }>;
            "alpha-color-shadow-base-hovered": Readonly<{
                value: "#1c1c1c14";
            }>;
            "alpha-color-shadow-base-inner": Readonly<{
                value: "#ffffff1f";
                ref: "alpha-color-white-12";
            }>;
            "alpha-color-shadow-base-inner-hovered": Readonly<{
                value: "#ededed2f";
            }>;
            "alpha-color-dim-black-light": Readonly<{
                value: "#00000033";
                ref: "alpha-color-bg-absolute-black-lightest";
            }>;
            "alpha-color-dim-black-light-hovered": Readonly<{
                value: "#1c1c1c4d";
            }>;
            "alpha-color-dim-black-normal": Readonly<{
                value: "#00000066";
                ref: "alpha-color-bg-absolute-black-lighter";
            }>;
            "alpha-color-dim-black-normal-hovered": Readonly<{
                value: "#1c1c1c66";
            }>;
            "alpha-color-primary-bg-normal": Readonly<{
                value: "#6d6afc";
                ref: "alpha-color-bg-blue-normal";
            }>;
            "alpha-color-primary-bg-normal-hovered": Readonly<{
                value: "#5551fcff";
            }>;
            "alpha-color-primary-bg-light": Readonly<{
                value: "#6d6afc4d";
                ref: "alpha-color-bg-blue-light";
            }>;
            "alpha-color-primary-bg-light-hovered": Readonly<{
                value: "#5551fc4d";
            }>;
            "alpha-color-primary-bg-lighter": Readonly<{
                value: "#6d6afc33";
                ref: "alpha-color-bg-blue-lighter";
            }>;
            "alpha-color-primary-bg-lighter-hovered": Readonly<{
                value: "#5551fc4d";
            }>;
            "alpha-color-primary-bg-lightest": Readonly<{
                value: "#6d6afc1a";
                ref: "alpha-color-bg-blue-lightest";
            }>;
            "alpha-color-primary-bg-lightest-hovered": Readonly<{
                value: "#5551fc27";
            }>;
            "alpha-color-primary-bg-dark": Readonly<{
                value: "#5950dc";
                ref: "alpha-color-bg-blue-dark";
            }>;
            "alpha-color-primary-bg-dark-hovered": Readonly<{
                value: "#4b42d5ff";
            }>;
            "alpha-color-primary-fg-normal": Readonly<{
                value: "#6d6afc";
                ref: "alpha-color-fg-blue-normal";
            }>;
            "alpha-color-primary-fg-normal-hovered": Readonly<{
                value: "#5551fcff";
            }>;
            "alpha-color-primary-fg-light": Readonly<{
                value: "#6d6afc4d";
                ref: "alpha-color-fg-blue-light";
            }>;
            "alpha-color-primary-fg-light-hovered": Readonly<{
                value: "#5551fc4d";
            }>;
            "alpha-color-primary-fg-dark": Readonly<{
                value: "#5950dc";
                ref: "alpha-color-fg-blue-dark";
            }>;
            "alpha-color-primary-fg-dark-hovered": Readonly<{
                value: "#4b42d5ff";
            }>;
            "alpha-color-critical-bg-dark": Readonly<{
                value: "#bc3a42";
                ref: "alpha-color-bg-red-dark";
            }>;
            "alpha-color-critical-bg-dark-hovered": Readonly<{
                value: "#ab3940ff";
            }>;
            "alpha-color-critical-bg-normal": Readonly<{
                value: "#e55c5c";
                ref: "alpha-color-fg-red-normal";
            }>;
            "alpha-color-critical-bg-normal-hovered": Readonly<{
                value: "#df4c4cff";
            }>;
            "alpha-color-critical-bg-light": Readonly<{
                value: "#e55c5c4d";
                ref: "alpha-color-bg-red-light";
            }>;
            "alpha-color-critical-bg-light-hovered": Readonly<{
                value: "#df4c4c4d";
            }>;
            "alpha-color-critical-bg-lighter": Readonly<{
                value: "#e55c5c33";
                ref: "alpha-color-bg-red-lighter";
            }>;
            "alpha-color-critical-bg-lighter-hovered": Readonly<{
                value: "#df4c4c4d";
            }>;
            "alpha-color-critical-bg-lightest": Readonly<{
                value: "#e55c5c1a";
                ref: "alpha-color-bg-red-lightest";
            }>;
            "alpha-color-critical-bg-lightest-hovered": Readonly<{
                value: "#df4c4c27";
            }>;
            "alpha-color-critical-fg-normal": Readonly<{
                value: "#e55c5c";
                ref: "alpha-color-fg-red-normal";
            }>;
            "alpha-color-critical-fg-normal-hovered": Readonly<{
                value: "#df4c4cff";
            }>;
            "alpha-color-critical-fg-light": Readonly<{
                value: "#e55c5c4d";
                ref: "alpha-color-fg-red-light";
            }>;
            "alpha-color-critical-fg-light-hovered": Readonly<{
                value: "#df4c4c4d";
            }>;
            "alpha-color-critical-fg-dark": Readonly<{
                value: "#bc3a42";
                ref: "alpha-color-fg-red-dark";
            }>;
            "alpha-color-critical-fg-dark-hovered": Readonly<{
                value: "#ab3940ff";
            }>;
            "alpha-color-warning-bg-dark": Readonly<{
                value: "#c1630d";
                ref: "alpha-color-bg-orange-dark";
            }>;
            "alpha-color-warning-bg-dark-hovered": Readonly<{
                value: "#b15c0fff";
            }>;
            "alpha-color-warning-bg-normal": Readonly<{
                value: "#e67f2b";
                ref: "alpha-color-bg-orange-normal";
            }>;
            "alpha-color-warning-bg-normal-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "alpha-color-warning-bg-light": Readonly<{
                value: "#e67f2b4d";
                ref: "alpha-color-bg-orange-light";
            }>;
            "alpha-color-warning-bg-light-hovered": Readonly<{
                value: "#df751f4d";
            }>;
            "alpha-color-warning-bg-lighter": Readonly<{
                value: "#e67f2b33";
                ref: "alpha-color-bg-orange-lighter";
            }>;
            "alpha-color-warning-bg-lighter-hovered": Readonly<{
                value: "#df751f4d";
            }>;
            "alpha-color-warning-bg-lightest": Readonly<{
                value: "#e67f2b1a";
                ref: "alpha-color-bg-orange-lightest";
            }>;
            "alpha-color-warning-bg-lightest-hovered": Readonly<{
                value: "#df751f27";
            }>;
            "alpha-color-warning-fg-normal": Readonly<{
                value: "#e67f2b";
                ref: "alpha-color-fg-orange-normal";
            }>;
            "alpha-color-warning-fg-normal-hovered": Readonly<{
                value: "#df751fff";
            }>;
            "alpha-color-warning-fg-light": Readonly<{
                value: "#e67f2b4d";
                ref: "alpha-color-fg-orange-light";
            }>;
            "alpha-color-warning-fg-light-hovered": Readonly<{
                value: "#df751f4d";
            }>;
            "alpha-color-warning-fg-dark": Readonly<{
                value: "#c1630d";
                ref: "alpha-color-fg-orange-dark";
            }>;
            "alpha-color-warning-fg-dark-hovered": Readonly<{
                value: "#b15c0fff";
            }>;
            "alpha-color-accent-bg-dark": Readonly<{
                value: "#3870d1";
                ref: "alpha-color-bg-cobalt-dark";
            }>;
            "alpha-color-accent-bg-dark-hovered": Readonly<{
                value: "#3268c4ff";
            }>;
            "alpha-color-accent-bg-normal": Readonly<{
                value: "#5093e5";
                ref: "alpha-color-bg-cobalt-normal";
            }>;
            "alpha-color-accent-bg-normal-hovered": Readonly<{
                value: "#4088dfff";
            }>;
            "alpha-color-accent-bg-light": Readonly<{
                value: "#5093e54d";
                ref: "alpha-color-bg-cobalt-light";
            }>;
            "alpha-color-accent-bg-light-hovered": Readonly<{
                value: "#4088df4d";
            }>;
            "alpha-color-accent-bg-lighter": Readonly<{
                value: "#5093e533";
                ref: "alpha-color-bg-cobalt-lighter";
            }>;
            "alpha-color-accent-bg-lighter-hovered": Readonly<{
                value: "#4088df4d";
            }>;
            "alpha-color-accent-bg-lightest": Readonly<{
                value: "#5093e51a";
                ref: "alpha-color-bg-cobalt-lightest";
            }>;
            "alpha-color-accent-bg-lightest-hovered": Readonly<{
                value: "#4088df27";
            }>;
            "alpha-color-accent-fg-normal": Readonly<{
                value: "#5093e5";
                ref: "alpha-color-fg-cobalt-normal";
            }>;
            "alpha-color-accent-fg-normal-hovered": Readonly<{
                value: "#4088dfff";
            }>;
            "alpha-color-accent-fg-light": Readonly<{
                value: "#5093e54d";
                ref: "alpha-color-fg-cobalt-light";
            }>;
            "alpha-color-accent-fg-light-hovered": Readonly<{
                value: "#4088df4d";
            }>;
            "alpha-color-accent-fg-dark": Readonly<{
                value: "#3870d1";
                ref: "alpha-color-fg-cobalt-dark";
            }>;
            "alpha-color-accent-fg-dark-hovered": Readonly<{
                value: "#3268c4ff";
            }>;
            "alpha-color-success-bg-dark": Readonly<{
                value: "#358761";
                ref: "alpha-color-bg-green-dark";
            }>;
            "alpha-color-success-bg-dark-hovered": Readonly<{
                value: "#347b5aff";
            }>;
            "alpha-color-success-bg-normal": Readonly<{
                value: "#40ad67";
                ref: "alpha-color-bg-green-normal";
            }>;
            "alpha-color-success-bg-normal-hovered": Readonly<{
                value: "#3f9e61ff";
            }>;
            "alpha-color-success-bg-light": Readonly<{
                value: "#40ad674d";
                ref: "alpha-color-bg-green-light";
            }>;
            "alpha-color-success-bg-light-hovered": Readonly<{
                value: "#3f9e614d";
            }>;
            "alpha-color-success-bg-lighter": Readonly<{
                value: "#40ad6733";
                ref: "alpha-color-bg-green-lighter";
            }>;
            "alpha-color-success-bg-lighter-hovered": Readonly<{
                value: "#3f9e614d";
            }>;
            "alpha-color-success-bg-lightest": Readonly<{
                value: "#40ad671a";
                ref: "alpha-color-bg-green-lightest";
            }>;
            "alpha-color-success-bg-lightest-hovered": Readonly<{
                value: "#3f9e6127";
            }>;
            "alpha-color-success-fg-normal": Readonly<{
                value: "#40ad67";
                ref: "alpha-color-fg-green-normal";
            }>;
            "alpha-color-success-fg-normal-hovered": Readonly<{
                value: "#3f9e61ff";
            }>;
            "alpha-color-success-fg-light": Readonly<{
                value: "#40ad674d";
                ref: "alpha-color-fg-green-light";
            }>;
            "alpha-color-success-fg-light-hovered": Readonly<{
                value: "#3f9e614d";
            }>;
            "alpha-color-success-fg-dark": Readonly<{
                value: "#358761";
                ref: "alpha-color-fg-green-dark";
            }>;
            "alpha-color-success-fg-dark-hovered": Readonly<{
                value: "#347b5aff";
            }>;
        }>;
    }>;
}>;
//# sourceMappingURL=index.d.ts.map