declare const _exports: 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";
        }>;
    }>;
}>;
export = _exports;
//# sourceMappingURL=darkTheme.d.ts.map