export declare const rootClassName: import("@vanilla-extract/recipes").RuntimeFn<{
    variant: {
        default: {};
        finery: {};
        utila: {};
        porto: {};
    };
    theme: {
        dark: {};
        light: {};
    };
}>;
export declare const toggleThemeButtonContainerClassName: string;
export declare const toggleThemeButtonClassName: import("@vanilla-extract/recipes").RuntimeFn<{
    theme: {
        dark: {
            backgroundColor: "rgba(255, 255, 255, 0.1)";
            border: "1px solid rgba(255, 255, 255, 0.15)";
            color: "rgba(255, 255, 255, 0.9)";
            ":hover": {
                backgroundColor: "rgba(255, 255, 255, 0.15)";
                borderColor: "rgba(255, 255, 255, 0.25)";
                transform: "translateY(-1px)";
                boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)";
            };
            ":focus": {
                boxShadow: "0 0 0 3px rgba(255, 255, 255, 0.1)";
            };
        };
        light: {
            backgroundColor: "rgba(0, 0, 0, 0.05)";
            border: "1px solid rgba(0, 0, 0, 0.1)";
            color: "rgba(0, 0, 0, 0.8)";
            ":hover": {
                backgroundColor: "rgba(0, 0, 0, 0.08)";
                borderColor: "rgba(0, 0, 0, 0.15)";
                transform: "translateY(-1px)";
                boxShadow: "0 4px 12px rgba(0, 0, 0, 0.08)";
            };
            ":focus": {
                boxShadow: "0 0 0 3px rgba(0, 0, 0, 0.05)";
            };
        };
    };
}>;
