export declare const lxStudioBorderRadii: {
    none: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
    full: string;
};
export declare const lxStudioTheme: Record<"breakpoints", {
    c_base: string;
    c_xs: string;
    c_sm: string;
    c_md: string;
    c_lg: string;
    c_xl: string;
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"breakpoints", {
    c_base: string;
    c_xs: string;
    c_sm: string;
    c_md: string;
    c_lg: string;
    c_xl: string;
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
}> & import("@codecademy/variance/dist/createTheme/types").Merge<Record<"breakpoints", {
    c_base: string;
    c_xs: string;
    c_sm: string;
    c_md: string;
    c_lg: string;
    c_xl: string;
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
}> & import("@codecademy/variance/dist/createTheme/types").Merge<{
    borderRadii: {
        none: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        full: string;
    };
    fontFamily: {
        readonly accent: "\"Hanken Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
        readonly base: "\"Hanken Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n\"Roboto\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\nsans-serif";
        readonly monospace: "Monaco, Menlo, \"Ubuntu Mono\", \"Droid Sans Mono\", Consolas,\nmonospace";
        readonly system: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n\"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";
    };
    breakpoints: {
        c_base: string;
        c_xs: string;
        c_sm: string;
        c_md: string;
        c_lg: string;
        c_xl: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    elements: Record<"elements", import("@codecademy/variance").KeyAsVariable<{
        readonly headerHeight: {
            readonly base: "4rem";
            readonly md: "5rem";
        };
        readonly headerZ: 15;
    }, "elements">> & {
        readonly headerHeight: {
            readonly base: "4rem";
            readonly md: "5rem";
        };
        readonly headerZ: 15;
    };
    fontSize: {
        readonly 64: string;
        readonly 44: string;
        readonly 34: string;
        readonly 26: string;
        readonly 22: string;
        readonly 20: string;
        readonly 18: string;
        readonly 16: string;
        readonly 14: string;
    };
    lineHeight: {
        readonly base: 1.5;
        readonly spacedTitle: 1.3;
        readonly title: 1.2;
    };
    fontWeight: {
        readonly base: 400;
        readonly title: 700;
        readonly 700: 700;
        readonly 400: 400;
    };
    spacing: {
        readonly 0: 0;
        readonly 4: string;
        readonly 8: string;
        readonly 12: string;
        readonly 16: string;
        readonly 24: string;
        readonly 32: string;
        readonly 40: string; /**
         * @description This is an extended theme for the lx studio with an expanded set of tokens
         * That are not needed for the rest of the application.
         */
        readonly 48: string;
        readonly 64: string;
        readonly 96: string;
    };
    _variables: import("@codecademy/variance/dist/createTheme/types").Assign<Record<string, import("@codecademy/variance").CSSObject>, Record<string, import("@codecademy/variance").CSSObject>> & Record<string, import("@codecademy/variance").CSSObject>;
    _tokens: import("@codecademy/variance/dist/createTheme/types").Assign<Record<string | number, any>, Record<string | number, any>> & Record<string | number, any>;
    colors: import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
        readonly beige: "#FFF0E5";
        readonly blue: "#1557FF";
        readonly green: "#008A27";
        readonly hyper: "#3A10E5";
        readonly lightBlue: "#66C4FF";
        readonly lightGreen: "#AEE938";
        readonly navy: "#10162F";
        readonly orange: "#FF8C00";
        readonly paleBlue: "#F5FCFF";
        readonly paleGreen: "#F5FFE3";
        readonly palePink: "#FFF5FF";
        readonly paleYellow: "#FFFAE5";
        readonly pink: "#F966FF";
        readonly paleRed: "#DC5879";
        readonly red: "#E91C11";
        readonly yellow: "#FFD300";
        readonly black: "#000000";
        readonly white: "#ffffff";
        readonly "beige-100": "#FFF0E5";
        readonly "blue-0": "#F5FCFF";
        readonly "blue-100": "#D3F2FF";
        readonly "blue-300": "#66C4FF";
        readonly "blue-400": "#3388FF";
        readonly "blue-500": "#1557FF";
        readonly "blue-800": "#1D2340";
        readonly "navy-100": string;
        readonly "navy-300": string;
        readonly "navy-400": string;
        readonly "navy-500": string;
        readonly "navy-800": "#10162F";
        readonly "navy-200": string;
        readonly "navy-600": string;
        readonly "navy-700": string;
        readonly "navy-900": "#0A0D1C";
        readonly "green-0": "#F5FFE3";
        readonly "green-100": "#EAFDC6";
        readonly "green-400": "#AEE938";
        readonly "green-700": "#008A27";
        readonly "green-900": "#151C07";
        readonly "yellow-0": "#FFFAE5";
        readonly "yellow-400": "#CCA900";
        readonly "yellow-500": "#FFD300";
        readonly "yellow-900": "#211B00";
        readonly "pink-0": "#FFF5FF";
        readonly "pink-400": "#F966FF";
        readonly "red-0": "#FBF1F0";
        readonly "red-300": "#E85D7F";
        readonly "red-400": "#DC5879";
        readonly "red-500": "#E91C11";
        readonly "red-600": "#BE1809";
        readonly "red-900": "#280503";
        readonly "orange-100": "#FFE8CC";
        readonly "orange-500": "#FF8C00";
        readonly "hyper-400": "#5533FF";
        readonly "hyper-500": "#3A10E5";
        readonly "gray-100": "#F5F5F5";
        readonly "gray-300": "#E0E0E0";
        readonly "gray-800": "#616161";
        readonly "gray-200": "#EEEEEE";
        readonly "gray-600": "#9E9E9E";
        readonly "gray-900": "#424242";
        readonly "white-100": string;
        readonly "white-300": string;
        readonly "white-400": string;
        readonly "white-500": string;
        readonly "white-200": string;
        readonly "white-600": string;
        readonly "white-700": string;
    }, "-">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
        text: {
            _: "navy-800";
            accent: "navy-900";
            disabled: "navy-500";
            secondary: "navy-600";
        };
        feedback: {
            error: "red-600";
            success: "green-700";
            warning: "yellow";
        };
        background: {
            _: "white";
            contrast: "white";
            current: "white";
            primary: "beige";
            selected: "navy-100";
            disabled: "navy-200";
            hover: "navy-200";
            success: "green-0";
            warning: "yellow-0";
            error: "red-0";
        };
        shadow: {
            primary: "navy-800";
            secondary: "navy-600";
        };
        primary: {
            _: "hyper-500";
            hover: "hyper-400";
            inverse: "yellow-500";
        };
        secondary: {
            _: "navy-800";
            hover: "navy-700";
        };
        danger: {
            _: "red-500";
            hover: "red-600";
        };
        interface: {
            _: "hyper-500";
            hover: "hyper-400";
        };
        border: {
            primary: "navy-800";
            secondary: "navy-600";
            tertiary: "navy-300";
            disabled: "navy-500";
        };
    } | {
        text: {
            _: "white";
            accent: "beige";
            disabled: "white-500";
            secondary: "white-600";
        };
        feedback: {
            error: "red-300";
            success: "green-400";
            warning: "yellow-0";
        };
        background: {
            _: "navy-800";
            contrast: "black";
            current: "navy-800";
            primary: "navy-900";
            selected: "white-100";
            disabled: "white-200";
            hover: "white-200";
            success: "green-900";
            warning: "yellow-900";
            error: "red-900";
        };
        shadow: {
            primary: "white";
            secondary: "white-600";
        };
        primary: {
            _: "yellow-500";
            hover: "yellow-400";
            inverse: "hyper-500";
        };
        secondary: {
            _: "white";
            hover: "white-700";
        };
        danger: {
            _: "red-300";
            hover: "red-400";
        };
        interface: {
            _: "yellow-500";
            hover: "yellow-400";
        };
        border: {
            primary: "white";
            secondary: "white-600";
            tertiary: "white-300";
            disabled: "white-500";
        };
    }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
        readonly beige: "#FFF0E5";
        readonly blue: "#1557FF";
        readonly green: "#008A27";
        readonly hyper: "#3A10E5";
        readonly lightBlue: "#66C4FF";
        readonly lightGreen: "#AEE938";
        readonly navy: "#10162F";
        readonly orange: "#FF8C00";
        readonly paleBlue: "#F5FCFF";
        readonly paleGreen: "#F5FFE3";
        readonly palePink: "#FFF5FF";
        readonly paleYellow: "#FFFAE5";
        readonly pink: "#F966FF";
        readonly paleRed: "#DC5879";
        readonly red: "#E91C11";
        readonly yellow: "#FFD300";
        readonly black: "#000000";
        readonly white: "#ffffff";
        readonly "beige-100": "#FFF0E5";
        readonly "blue-0": "#F5FCFF";
        readonly "blue-100": "#D3F2FF";
        readonly "blue-300": "#66C4FF";
        readonly "blue-400": "#3388FF";
        readonly "blue-500": "#1557FF";
        readonly "blue-800": "#1D2340";
        readonly "navy-100": string;
        readonly "navy-300": string;
        readonly "navy-400": string;
        readonly "navy-500": string;
        readonly "navy-800": "#10162F";
        readonly "navy-200": string;
        readonly "navy-600": string;
        readonly "navy-700": string;
        readonly "navy-900": "#0A0D1C";
        readonly "green-0": "#F5FFE3";
        readonly "green-100": "#EAFDC6";
        readonly "green-400": "#AEE938";
        readonly "green-700": "#008A27";
        readonly "green-900": "#151C07";
        readonly "yellow-0": "#FFFAE5";
        readonly "yellow-400": "#CCA900";
        readonly "yellow-500": "#FFD300";
        readonly "yellow-900": "#211B00";
        readonly "pink-0": "#FFF5FF";
        readonly "pink-400": "#F966FF";
        readonly "red-0": "#FBF1F0";
        readonly "red-300": "#E85D7F";
        readonly "red-400": "#DC5879";
        readonly "red-500": "#E91C11";
        readonly "red-600": "#BE1809";
        readonly "red-900": "#280503";
        readonly "orange-100": "#FFE8CC";
        readonly "orange-500": "#FF8C00";
        readonly "hyper-400": "#5533FF";
        readonly "hyper-500": "#3A10E5";
        readonly "gray-100": "#F5F5F5";
        readonly "gray-300": "#E0E0E0";
        readonly "gray-800": "#616161";
        readonly "gray-200": "#EEEEEE";
        readonly "gray-600": "#9E9E9E";
        readonly "gray-900": "#424242";
        readonly "white-100": string;
        readonly "white-300": string;
        readonly "white-400": string;
        readonly "white-500": string;
        readonly "white-200": string;
        readonly "white-600": string;
        readonly "white-700": string;
    }, "-">, "color">>;
    modes: import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
        light: import("@codecademy/variance").LiteralPaths<{
            text: {
                _: "navy-800";
                accent: "navy-900";
                disabled: "navy-500";
                secondary: "navy-600";
            };
            feedback: {
                error: "red-600";
                success: "green-700";
                warning: "yellow";
            };
            background: {
                _: "white";
                contrast: "white";
                current: "white";
                primary: "beige";
                selected: "navy-100";
                disabled: "navy-200";
                hover: "navy-200";
                success: "green-0";
                warning: "yellow-0";
                error: "red-0";
            };
            shadow: {
                primary: "navy-800";
                secondary: "navy-600";
            };
            primary: {
                _: "hyper-500";
                hover: "hyper-400";
                inverse: "yellow-500";
            };
            secondary: {
                _: "navy-800";
                hover: "navy-700";
            };
            danger: {
                _: "red-500";
                hover: "red-600";
            };
            interface: {
                _: "hyper-500";
                hover: "hyper-400";
            };
            border: {
                primary: "navy-800";
                secondary: "navy-600";
                tertiary: "navy-300";
                disabled: "navy-500";
            };
        }, "-", "_">;
        dark: import("@codecademy/variance").LiteralPaths<{
            text: {
                _: "white";
                accent: "beige";
                disabled: "white-500";
                secondary: "white-600";
            };
            feedback: {
                error: "red-300";
                success: "green-400";
                warning: "yellow-0";
            };
            background: {
                _: "navy-800";
                contrast: "black";
                current: "navy-800";
                primary: "navy-900";
                selected: "white-100";
                disabled: "white-200";
                hover: "white-200";
                success: "green-900";
                warning: "yellow-900";
                error: "red-900";
            };
            shadow: {
                primary: "white";
                secondary: "white-600";
            };
            primary: {
                _: "yellow-500";
                hover: "yellow-400";
                inverse: "hyper-500";
            };
            secondary: {
                _: "white";
                hover: "white-700";
            };
            danger: {
                _: "red-300";
                hover: "red-400";
            };
            interface: {
                _: "yellow-500";
                hover: "yellow-400";
            };
            border: {
                primary: "white";
                secondary: "white-600";
                tertiary: "white-300";
                disabled: "white-500";
            };
        }, "-", "_">;
    }>;
    mode: "light" | "dark";
    _getColorValue: (color: import("@codecademy/variance").Path<{
        readonly beige: "#FFF0E5";
        readonly blue: "#1557FF";
        readonly green: "#008A27";
        readonly hyper: "#3A10E5";
        readonly lightBlue: "#66C4FF";
        readonly lightGreen: "#AEE938";
        readonly navy: "#10162F";
        readonly orange: "#FF8C00";
        readonly paleBlue: "#F5FCFF";
        readonly paleGreen: "#F5FFE3";
        readonly palePink: "#FFF5FF";
        readonly paleYellow: "#FFFAE5";
        readonly pink: "#F966FF";
        readonly paleRed: "#DC5879";
        readonly red: "#E91C11";
        readonly yellow: "#FFD300";
        readonly black: "#000000";
        readonly white: "#ffffff";
        readonly "beige-100": "#FFF0E5";
        readonly "blue-0": "#F5FCFF";
        readonly "blue-100": "#D3F2FF";
        readonly "blue-300": "#66C4FF";
        readonly "blue-400": "#3388FF";
        readonly "blue-500": "#1557FF";
        readonly "blue-800": "#1D2340";
        readonly "navy-100": string;
        readonly "navy-300": string;
        readonly "navy-400": string;
        readonly "navy-500": string;
        readonly "navy-800": "#10162F";
        readonly "navy-200": string;
        readonly "navy-600": string;
        readonly "navy-700": string;
        readonly "navy-900": "#0A0D1C";
        readonly "green-0": "#F5FFE3";
        readonly "green-100": "#EAFDC6";
        readonly "green-400": "#AEE938";
        readonly "green-700": "#008A27";
        readonly "green-900": "#151C07";
        readonly "yellow-0": "#FFFAE5";
        readonly "yellow-400": "#CCA900";
        readonly "yellow-500": "#FFD300";
        readonly "yellow-900": "#211B00";
        readonly "pink-0": "#FFF5FF";
        readonly "pink-400": "#F966FF";
        readonly "red-0": "#FBF1F0";
        readonly "red-300": "#E85D7F";
        readonly "red-400": "#DC5879";
        readonly "red-500": "#E91C11";
        readonly "red-600": "#BE1809";
        readonly "red-900": "#280503";
        readonly "orange-100": "#FFE8CC";
        readonly "orange-500": "#FF8C00";
        readonly "hyper-400": "#5533FF";
        readonly "hyper-500": "#3A10E5";
        readonly "gray-100": "#F5F5F5";
        readonly "gray-300": "#E0E0E0";
        readonly "gray-800": "#616161";
        readonly "gray-200": "#EEEEEE";
        readonly "gray-600": "#9E9E9E";
        readonly "gray-900": "#424242";
        readonly "white-100": string;
        readonly "white-300": string;
        readonly "white-400": string;
        readonly "white-500": string;
        readonly "white-200": string;
        readonly "white-600": string;
        readonly "white-700": string;
    }, "-">) => string;
    borders: import("@codecademy/variance").LiteralPaths<{
        1: string;
        2: string;
    }, "-">;
    name: string;
} & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"colors", import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
    lxStudioSuccess: "#06844F";
    lxStudioBgPrimary: "#FAFBFC";
    lxStudioPurple: "#5628FE";
    lxStudioPurpleHover: "#7955FC";
    beige: "#FFF0E5";
    blue: "#1557FF";
    green: "#008A27";
    hyper: "#3A10E5";
    lightBlue: "#66C4FF";
    lightGreen: "#AEE938";
    navy: "#10162F";
    orange: "#FF8C00";
    paleBlue: "#F5FCFF";
    paleGreen: "#F5FFE3";
    palePink: "#FFF5FF";
    paleYellow: "#FFFAE5";
    pink: "#F966FF";
    paleRed: "#DC5879";
    red: "#E91C11";
    yellow: "#FFD300";
    black: "#000000";
    white: "#ffffff";
    "beige-100": "#FFF0E5";
    "blue-0": "#F5FCFF";
    "blue-100": "#D3F2FF";
    "blue-300": "#66C4FF";
    "blue-400": "#3388FF";
    "blue-500": "#1557FF";
    "blue-800": "#1D2340";
    "navy-100": string;
    "navy-300": string;
    "navy-400": string;
    "navy-500": string;
    "navy-800": "#10162F";
    "navy-200": string;
    "navy-600": string;
    "navy-700": string;
    "navy-900": "#0A0D1C";
    "green-0": "#F5FFE3";
    "green-100": "#EAFDC6";
    "green-400": "#AEE938";
    "green-700": "#008A27";
    "green-900": "#151C07";
    "yellow-0": "#FFFAE5";
    "yellow-400": "#CCA900";
    "yellow-500": "#FFD300";
    "yellow-900": "#211B00";
    "pink-0": "#FFF5FF";
    "pink-400": "#F966FF";
    "red-0": "#FBF1F0";
    "red-300": "#E85D7F";
    "red-400": "#DC5879";
    "red-500": "#E91C11";
    "red-600": "#BE1809";
    "red-900": "#280503";
    "orange-100": "#FFE8CC";
    "orange-500": "#FF8C00";
    "hyper-400": "#5533FF";
    "hyper-500": "#3A10E5";
    "gray-100": "#F5F5F5";
    "gray-300": "#E0E0E0";
    "gray-800": "#616161";
    "gray-200": "#EEEEEE";
    "gray-600": "#9E9E9E";
    "gray-900": "#424242";
    "white-100": string;
    "white-300": string;
    "white-400": string;
    "white-500": string;
    "white-200": string;
    "white-600": string;
    "white-700": string;
}, "-">, "color">>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, {
    colors: import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
        feedback: {
            success: "lxStudioSuccess";
        };
        background: {
            primary: "lxStudioBgPrimary";
        };
        shadow: {
            primary: "navy-200";
        };
        primary: {
            _: "lxStudioPurple";
            hover: "lxStudioPurpleHover";
        };
        interface: {
            _: "hyper-500";
            hover: "hyper-400";
        };
        border: {
            primary: "navy-400";
            tertiary: "navy-800";
            disabled: "navy-300";
        };
    }, "-", "_">, "colors"> & import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
        readonly beige: "#FFF0E5";
        readonly blue: "#1557FF";
        readonly green: "#008A27";
        readonly hyper: "#3A10E5";
        readonly lightBlue: "#66C4FF";
        readonly lightGreen: "#AEE938";
        readonly navy: "#10162F";
        readonly orange: "#FF8C00";
        readonly paleBlue: "#F5FCFF";
        readonly paleGreen: "#F5FFE3";
        readonly palePink: "#FFF5FF";
        readonly paleYellow: "#FFFAE5";
        readonly pink: "#F966FF";
        readonly paleRed: "#DC5879";
        readonly red: "#E91C11";
        readonly yellow: "#FFD300";
        readonly black: "#000000";
        readonly white: "#ffffff";
        readonly "beige-100": "#FFF0E5";
        readonly "blue-0": "#F5FCFF";
        readonly "blue-100": "#D3F2FF";
        readonly "blue-300": "#66C4FF";
        readonly "blue-400": "#3388FF";
        readonly "blue-500": "#1557FF";
        readonly "blue-800": "#1D2340";
        readonly "navy-100": string;
        readonly "navy-300": string;
        readonly "navy-400": string;
        readonly "navy-500": string;
        readonly "navy-800": "#10162F";
        readonly "navy-200": string;
        readonly "navy-600": string;
        readonly "navy-700": string;
        readonly "navy-900": "#0A0D1C";
        readonly "green-0": "#F5FFE3";
        readonly "green-100": "#EAFDC6";
        readonly "green-400": "#AEE938";
        readonly "green-700": "#008A27";
        readonly "green-900": "#151C07";
        readonly "yellow-0": "#FFFAE5";
        readonly "yellow-400": "#CCA900";
        readonly "yellow-500": "#FFD300";
        readonly "yellow-900": "#211B00";
        readonly "pink-0": "#FFF5FF";
        readonly "pink-400": "#F966FF";
        readonly "red-0": "#FBF1F0";
        readonly "red-300": "#E85D7F";
        readonly "red-400": "#DC5879";
        readonly "red-500": "#E91C11";
        readonly "red-600": "#BE1809";
        readonly "red-900": "#280503";
        readonly "orange-100": "#FFE8CC";
        readonly "orange-500": "#FF8C00";
        readonly "hyper-400": "#5533FF";
        readonly "hyper-500": "#3A10E5";
        readonly "gray-100": "#F5F5F5";
        readonly "gray-300": "#E0E0E0";
        readonly "gray-800": "#616161";
        readonly "gray-200": "#EEEEEE";
        readonly "gray-600": "#9E9E9E";
        readonly "gray-900": "#424242";
        readonly "white-100": string;
        readonly "white-300": string;
        readonly "white-400": string;
        readonly "white-500": string;
        readonly "white-200": string;
        readonly "white-600": string;
        readonly "white-700": string;
    }, "-">, "color">, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
        text: {
            _: "navy-800";
            accent: "navy-900";
            disabled: "navy-500";
            secondary: "navy-600";
        };
        feedback: {
            error: "red-600";
            success: "green-700";
            warning: "yellow";
        };
        background: {
            _: "white";
            contrast: "white";
            current: "white";
            primary: "beige";
            selected: "navy-100";
            disabled: "navy-200";
            hover: "navy-200";
            success: "green-0";
            warning: "yellow-0";
            error: "red-0";
        };
        shadow: {
            primary: "navy-800";
            secondary: "navy-600";
        };
        primary: {
            _: "hyper-500";
            hover: "hyper-400";
            inverse: "yellow-500";
        };
        secondary: {
            _: "navy-800";
            hover: "navy-700";
        };
        danger: {
            _: "red-500";
            hover: "red-600";
        };
        interface: {
            _: "hyper-500";
            hover: "hyper-400";
        };
        border: {
            primary: "navy-800";
            secondary: "navy-600";
            tertiary: "navy-300";
            disabled: "navy-500";
        };
    } | {
        text: {
            _: "white";
            accent: "beige";
            disabled: "white-500";
            secondary: "white-600";
        };
        feedback: {
            error: "red-300";
            success: "green-400";
            warning: "yellow-0";
        };
        background: {
            _: "navy-800";
            contrast: "black";
            current: "navy-800";
            primary: "navy-900";
            selected: "white-100";
            disabled: "white-200";
            hover: "white-200";
            success: "green-900";
            warning: "yellow-900";
            error: "red-900";
        };
        shadow: {
            primary: "white";
            secondary: "white-600";
        };
        primary: {
            _: "yellow-500";
            hover: "yellow-400";
            inverse: "hyper-500";
        };
        secondary: {
            _: "white";
            hover: "white-700";
        };
        danger: {
            _: "red-300";
            hover: "red-400";
        };
        interface: {
            _: "yellow-500";
            hover: "yellow-400";
        };
        border: {
            primary: "white";
            secondary: "white-600";
            tertiary: "white-300";
            disabled: "white-500";
        };
    }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
        readonly beige: "#FFF0E5";
        readonly blue: "#1557FF";
        readonly green: "#008A27";
        readonly hyper: "#3A10E5";
        readonly lightBlue: "#66C4FF";
        readonly lightGreen: "#AEE938";
        readonly navy: "#10162F";
        readonly orange: "#FF8C00";
        readonly paleBlue: "#F5FCFF";
        readonly paleGreen: "#F5FFE3";
        readonly palePink: "#FFF5FF";
        readonly paleYellow: "#FFFAE5";
        readonly pink: "#F966FF";
        readonly paleRed: "#DC5879";
        readonly red: "#E91C11";
        readonly yellow: "#FFD300";
        readonly black: "#000000";
        readonly white: "#ffffff";
        readonly "beige-100": "#FFF0E5";
        readonly "blue-0": "#F5FCFF";
        readonly "blue-100": "#D3F2FF";
        readonly "blue-300": "#66C4FF";
        readonly "blue-400": "#3388FF";
        readonly "blue-500": "#1557FF";
        readonly "blue-800": "#1D2340";
        readonly "navy-100": string;
        readonly "navy-300": string;
        readonly "navy-400": string;
        readonly "navy-500": string;
        readonly "navy-800": "#10162F";
        readonly "navy-200": string;
        readonly "navy-600": string;
        readonly "navy-700": string;
        readonly "navy-900": "#0A0D1C";
        readonly "green-0": "#F5FFE3";
        readonly "green-100": "#EAFDC6";
        readonly "green-400": "#AEE938";
        readonly "green-700": "#008A27";
        readonly "green-900": "#151C07";
        readonly "yellow-0": "#FFFAE5";
        readonly "yellow-400": "#CCA900";
        readonly "yellow-500": "#FFD300";
        readonly "yellow-900": "#211B00";
        readonly "pink-0": "#FFF5FF";
        readonly "pink-400": "#F966FF";
        readonly "red-0": "#FBF1F0";
        readonly "red-300": "#E85D7F";
        readonly "red-400": "#DC5879";
        readonly "red-500": "#E91C11";
        readonly "red-600": "#BE1809";
        readonly "red-900": "#280503";
        readonly "orange-100": "#FFE8CC";
        readonly "orange-500": "#FF8C00";
        readonly "hyper-400": "#5533FF";
        readonly "hyper-500": "#3A10E5";
        readonly "gray-100": "#F5F5F5";
        readonly "gray-300": "#E0E0E0";
        readonly "gray-800": "#616161";
        readonly "gray-200": "#EEEEEE";
        readonly "gray-600": "#9E9E9E";
        readonly "gray-900": "#424242";
        readonly "white-100": string;
        readonly "white-300": string;
        readonly "white-400": string;
        readonly "white-500": string;
        readonly "white-200": string;
        readonly "white-600": string;
        readonly "white-700": string;
    }, "-">, "color">>, import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
        lxStudioSuccess: "#06844F";
        lxStudioBgPrimary: "#FAFBFC";
        lxStudioPurple: "#5628FE";
        lxStudioPurpleHover: "#7955FC";
        beige: "#FFF0E5";
        blue: "#1557FF";
        green: "#008A27";
        hyper: "#3A10E5";
        lightBlue: "#66C4FF";
        lightGreen: "#AEE938";
        navy: "#10162F";
        orange: "#FF8C00";
        paleBlue: "#F5FCFF";
        paleGreen: "#F5FFE3";
        palePink: "#FFF5FF";
        paleYellow: "#FFFAE5";
        pink: "#F966FF";
        paleRed: "#DC5879";
        red: "#E91C11";
        yellow: "#FFD300";
        black: "#000000";
        white: "#ffffff";
        "beige-100": "#FFF0E5";
        "blue-0": "#F5FCFF";
        "blue-100": "#D3F2FF";
        "blue-300": "#66C4FF";
        "blue-400": "#3388FF";
        "blue-500": "#1557FF";
        "blue-800": "#1D2340";
        "navy-100": string;
        "navy-300": string;
        "navy-400": string;
        "navy-500": string;
        "navy-800": "#10162F";
        "navy-200": string;
        "navy-600": string;
        "navy-700": string;
        "navy-900": "#0A0D1C";
        "green-0": "#F5FFE3";
        "green-100": "#EAFDC6";
        "green-400": "#AEE938";
        "green-700": "#008A27";
        "green-900": "#151C07";
        "yellow-0": "#FFFAE5";
        "yellow-400": "#CCA900";
        "yellow-500": "#FFD300";
        "yellow-900": "#211B00";
        "pink-0": "#FFF5FF";
        "pink-400": "#F966FF";
        "red-0": "#FBF1F0";
        "red-300": "#E85D7F";
        "red-400": "#DC5879";
        "red-500": "#E91C11";
        "red-600": "#BE1809";
        "red-900": "#280503";
        "orange-100": "#FFE8CC";
        "orange-500": "#FF8C00";
        "hyper-400": "#5533FF";
        "hyper-500": "#3A10E5";
        "gray-100": "#F5F5F5";
        "gray-300": "#E0E0E0";
        "gray-800": "#616161";
        "gray-200": "#EEEEEE";
        "gray-600": "#9E9E9E";
        "gray-900": "#424242";
        "white-100": string;
        "white-300": string;
        "white-400": string;
        "white-500": string;
        "white-200": string;
        "white-600": string;
        "white-700": string;
    }, "-">, "color">>;
    modes: import("@codecademy/variance/dist/createTheme/types").Merge<import("@codecademy/variance/dist/createTheme/types").Merge<unknown, {
        light: import("@codecademy/variance").LiteralPaths<{
            text: {
                _: "navy-800";
                accent: "navy-900";
                disabled: "navy-500";
                secondary: "navy-600";
            };
            feedback: {
                error: "red-600";
                success: "green-700";
                warning: "yellow";
            };
            background: {
                _: "white";
                contrast: "white";
                current: "white";
                primary: "beige";
                selected: "navy-100";
                disabled: "navy-200";
                hover: "navy-200";
                success: "green-0";
                warning: "yellow-0";
                error: "red-0";
            };
            shadow: {
                primary: "navy-800";
                secondary: "navy-600";
            };
            primary: {
                _: "hyper-500";
                hover: "hyper-400";
                inverse: "yellow-500";
            };
            secondary: {
                _: "navy-800";
                hover: "navy-700";
            };
            danger: {
                _: "red-500";
                hover: "red-600";
            };
            interface: {
                _: "hyper-500";
                hover: "hyper-400";
            };
            border: {
                primary: "navy-800";
                secondary: "navy-600";
                tertiary: "navy-300";
                disabled: "navy-500";
            };
        }, "-", "_">;
        dark: import("@codecademy/variance").LiteralPaths<{
            text: {
                _: "white";
                accent: "beige";
                disabled: "white-500";
                secondary: "white-600";
            };
            feedback: {
                error: "red-300";
                success: "green-400";
                warning: "yellow-0";
            };
            background: {
                _: "navy-800";
                contrast: "black";
                current: "navy-800";
                primary: "navy-900";
                selected: "white-100";
                disabled: "white-200";
                hover: "white-200";
                success: "green-900";
                warning: "yellow-900";
                error: "red-900";
            };
            shadow: {
                primary: "white";
                secondary: "white-600";
            };
            primary: {
                _: "yellow-500";
                hover: "yellow-400";
                inverse: "hyper-500";
            };
            secondary: {
                _: "white";
                hover: "white-700";
            };
            danger: {
                _: "red-300";
                hover: "red-400";
            };
            interface: {
                _: "yellow-500";
                hover: "yellow-400";
            };
            border: {
                primary: "white";
                secondary: "white-600";
                tertiary: "white-300";
                disabled: "white-500";
            };
        }, "-", "_">;
    }>, {
        light: import("@codecademy/variance").LiteralPaths<{
            feedback: {
                success: "lxStudioSuccess";
            };
            background: {
                primary: "lxStudioBgPrimary";
            };
            shadow: {
                primary: "navy-200";
            };
            primary: {
                _: "lxStudioPurple";
                hover: "lxStudioPurpleHover";
            };
            interface: {
                _: "hyper-500";
                hover: "hyper-400";
            };
            border: {
                primary: "navy-400";
                tertiary: "navy-800";
                disabled: "navy-300";
            };
        }, "-", "_">;
    }>;
    mode: "light";
    _getColorValue: (color: "beige" | "blue" | "navy" | "green" | "yellow" | "pink" | "red" | "orange" | "hyper" | "white" | "beige-100" | "blue-0" | "blue-100" | "blue-300" | "blue-400" | "blue-500" | "blue-800" | "navy-100" | "navy-300" | "navy-400" | "navy-500" | "navy-800" | "navy-200" | "navy-600" | "navy-700" | "navy-900" | "green-0" | "green-100" | "green-400" | "green-700" | "green-900" | "yellow-0" | "yellow-400" | "yellow-500" | "yellow-900" | "pink-0" | "pink-400" | "red-0" | "red-300" | "red-400" | "red-500" | "red-600" | "red-900" | "orange-100" | "orange-500" | "hyper-400" | "hyper-500" | "gray-100" | "gray-300" | "gray-800" | "gray-200" | "gray-600" | "gray-900" | "white-100" | "white-300" | "white-400" | "white-500" | "white-200" | "white-600" | "white-700" | "black" | "lightBlue" | "lightGreen" | "paleBlue" | "paleGreen" | "palePink" | "paleYellow" | "paleRed" | "text" | "secondary" | "background" | "primary" | "danger" | "interface" | "border-primary" | "text-accent" | "text-disabled" | "text-secondary" | "secondary-hover" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-error" | "background-success" | "background-warning" | "background-contrast" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "primary-inverse" | "shadow-secondary" | "shadow-primary" | "danger-hover" | "interface-hover" | "border-disabled" | "border-secondary" | "border-tertiary" | "lxStudioSuccess" | "lxStudioBgPrimary" | "lxStudioPurple" | "lxStudioPurpleHover") => string;
}> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys, Record<"name", string>> & import("@codecademy/variance/dist/createTheme/types").PrivateThemeKeys;
export type LxStudioThemeShape = typeof lxStudioTheme;
export interface LxStudioTheme extends LxStudioThemeShape {
}
