import type { GetThemeType } from '@nfq/colors';
export declare const BaseColors: {
    /** Error color. ![#DF162E](https://dummyimage.com/12/DF162E/DF162E.png) `#DF162E`. */
    readonly error: "#DF162E";
    /** Neutral color 0. ![#FFFFFF](https://dummyimage.com/12/FFFFFF/FFFFFF.png) `#FFFFFF`. */
    readonly neutral0: "#FFFFFF";
    /** Neutral color 20. ![#F3F3F5](https://dummyimage.com/12/F3F3F5/F3F3F5.png) `#F3F3F5`. */
    readonly neutral20: "#F3F3F5";
    /** Neutral color 40. ![#B4B4BE](https://dummyimage.com/12/B4B4BE/B4B4BE.png) `#B4B4BE`. */
    readonly neutral40: "#B4B4BE";
    /** Neutral color 60. ![#73737D](https://dummyimage.com/12/73737D/73737D.png) `#73737D`. */
    readonly neutral60: "#73737D";
    /** Neutral color 80. ![#3C3C46](https://dummyimage.com/12/3C3C46/3C3C46.png) `#3C3C46`. */
    readonly neutral80: "#3C3C46";
    /** Neutral color 100. ![#00001E](https://dummyimage.com/12/00001E/00001E.png) `#00001E`. */
    readonly neutral100: "#00001E";
    /** Primary color. ![#0050FF](https://dummyimage.com/12/0050FF/0050FF.png) `#0050FF`. */
    readonly primary: "#0050FF";
    /** Darker shade of primary. ![#00008C](https://dummyimage.com/12/00008C/00008C.png) `#00008C`. */
    readonly primaryDark: "#00008C";
    /** Lighter shade of primary. ![#82DCFA](https://dummyimage.com/12/82DCFA/82DCFA.png) `#82DCFA`. */
    readonly primaryLight: "#82DCFA ";
    /** First secondary color. ![#FFA55A](https://dummyimage.com/12/FFA55A/FFA55A.png) `#FFA55A`. */
    readonly secondary1: "#FFA55A";
    /** Second secondary color. ![#F65D7C](https://dummyimage.com/12/F65D7C/F65D7C.png) `#F65D7C`. */
    readonly secondary2: "#F65D7C";
    /** Third secondary color. ![#00DC7D](https://dummyimage.com/12/00DC7D/00DC7D.png) `#00DC7D`. */
    readonly secondary3: "#00DC7D";
    /** Fourth secondary color. ![#A078FF](https://dummyimage.com/12/A078FF/A078FF.png) `#A078FF`. */
    readonly secondary4: "#A078FF";
    /** Primary text color. ![#00001E](https://dummyimage.com/12/00001E/00001E.png) `#00001E`. */
    readonly textPrimary: "#00001E";
    /** Inverse primary text color. ![#FFFFFF](https://dummyimage.com/12/FFFFFF/FFFFFF.png) `#FFFFFF`. */
    readonly textPrimaryInv: "#FFFFFF";
    /** Secondary text color. ![#73737D](https://dummyimage.com/12/73737D/73737D.png) `#73737D`. */
    readonly textSecondary: "#73737D";
    /** Inverse secondary text color. ![#F3F5F6](https://dummyimage.com/12/F3F5F6/F3F5F6.png) `#F3F5F6`. */
    readonly textSecondaryInv: "#F3F5F6";
};
export declare const DerivedColors: {
    readonly buttonPrimaryLightHover: `color-mix(in srgb, #0050FF, white ${number}%)`;
    readonly buttonSecondaryDarkHover: `color-mix(in srgb, #FFFFFF ${number}%, transparent)`;
};
export declare const BoxShadows: {
    readonly buttonShadow: "0px 0px 8px 0px rgba(0, 0, 0, 0.25)";
    readonly lg: "0 12px 16px -4px rgba(1, 0, 33, 0.08), 0 4px 6px -2px rgba(1, 0, 33, 0.03)";
    readonly md: "0 4px 8px -2px rgba(1, 0, 33, 0.10), 0 2px 4px -2px rgba(1, 0, 33, 0.06)";
    readonly menuShadow: "-3px 0px 12px -2px rgba(0, 0, 0, 0.19)";
    /** The default dropshadow for Popovers. */
    readonly popOverShadow: "0px 0px 10px 5px rgba(25, 38, 48, 0.05)";
    readonly sm: "0 1px 3px 0 rgba(1, 0, 33, 0.10), 0 1px 2px 0 rgba(1, 0, 33, 0.06)";
    readonly xl: "0 20px 24px -4px rgba(1, 0, 33, 0.08), 0 8px 8px -4px rgba(1, 0, 33, 0.03)";
    readonly xs: "0 1px 2px 0 rgba(1, 0, 33, 0.05)";
};
export type BaseColorsType = GetThemeType<typeof BaseColors>;
export declare const globalCss: import("@emotion/react").SerializedStyles, shadows: import("@nfq/colors").MapToCssVars<{
    readonly buttonShadow: "0px 0px 8px 0px rgba(0, 0, 0, 0.25)";
    readonly lg: "0 12px 16px -4px rgba(1, 0, 33, 0.08), 0 4px 6px -2px rgba(1, 0, 33, 0.03)";
    readonly md: "0 4px 8px -2px rgba(1, 0, 33, 0.10), 0 2px 4px -2px rgba(1, 0, 33, 0.06)";
    readonly menuShadow: "-3px 0px 12px -2px rgba(0, 0, 0, 0.19)";
    /** The default dropshadow for Popovers. */
    readonly popOverShadow: "0px 0px 10px 5px rgba(25, 38, 48, 0.05)";
    readonly sm: "0 1px 3px 0 rgba(1, 0, 33, 0.10), 0 1px 2px 0 rgba(1, 0, 33, 0.06)";
    readonly xl: "0 20px 24px -4px rgba(1, 0, 33, 0.08), 0 8px 8px -4px rgba(1, 0, 33, 0.03)";
    readonly xs: "0 1px 2px 0 rgba(1, 0, 33, 0.05)";
}> & (import("@nfq/colors").MapToCssVars<import("@nfq/colors").NoThemeConfig> | import("@nfq/colors").MapToCssVars<{
    [key: string]: string;
}>), themeColors: import("@nfq/colors").MapToCssVars<{
    /** Error color. ![#DF162E](https://dummyimage.com/12/DF162E/DF162E.png) `#DF162E`. */
    readonly error: "#DF162E";
    /** Neutral color 0. ![#FFFFFF](https://dummyimage.com/12/FFFFFF/FFFFFF.png) `#FFFFFF`. */
    readonly neutral0: "#FFFFFF";
    /** Neutral color 20. ![#F3F3F5](https://dummyimage.com/12/F3F3F5/F3F3F5.png) `#F3F3F5`. */
    readonly neutral20: "#F3F3F5";
    /** Neutral color 40. ![#B4B4BE](https://dummyimage.com/12/B4B4BE/B4B4BE.png) `#B4B4BE`. */
    readonly neutral40: "#B4B4BE";
    /** Neutral color 60. ![#73737D](https://dummyimage.com/12/73737D/73737D.png) `#73737D`. */
    readonly neutral60: "#73737D";
    /** Neutral color 80. ![#3C3C46](https://dummyimage.com/12/3C3C46/3C3C46.png) `#3C3C46`. */
    readonly neutral80: "#3C3C46";
    /** Neutral color 100. ![#00001E](https://dummyimage.com/12/00001E/00001E.png) `#00001E`. */
    readonly neutral100: "#00001E";
    /** Primary color. ![#0050FF](https://dummyimage.com/12/0050FF/0050FF.png) `#0050FF`. */
    readonly primary: "#0050FF";
    /** Darker shade of primary. ![#00008C](https://dummyimage.com/12/00008C/00008C.png) `#00008C`. */
    readonly primaryDark: "#00008C";
    /** Lighter shade of primary. ![#82DCFA](https://dummyimage.com/12/82DCFA/82DCFA.png) `#82DCFA`. */
    readonly primaryLight: "#82DCFA ";
    /** First secondary color. ![#FFA55A](https://dummyimage.com/12/FFA55A/FFA55A.png) `#FFA55A`. */
    readonly secondary1: "#FFA55A";
    /** Second secondary color. ![#F65D7C](https://dummyimage.com/12/F65D7C/F65D7C.png) `#F65D7C`. */
    readonly secondary2: "#F65D7C";
    /** Third secondary color. ![#00DC7D](https://dummyimage.com/12/00DC7D/00DC7D.png) `#00DC7D`. */
    readonly secondary3: "#00DC7D";
    /** Fourth secondary color. ![#A078FF](https://dummyimage.com/12/A078FF/A078FF.png) `#A078FF`. */
    readonly secondary4: "#A078FF";
    /** Primary text color. ![#00001E](https://dummyimage.com/12/00001E/00001E.png) `#00001E`. */
    readonly textPrimary: "#00001E";
    /** Inverse primary text color. ![#FFFFFF](https://dummyimage.com/12/FFFFFF/FFFFFF.png) `#FFFFFF`. */
    readonly textPrimaryInv: "#FFFFFF";
    /** Secondary text color. ![#73737D](https://dummyimage.com/12/73737D/73737D.png) `#73737D`. */
    readonly textSecondary: "#73737D";
    /** Inverse secondary text color. ![#F3F5F6](https://dummyimage.com/12/F3F5F6/F3F5F6.png) `#F3F5F6`. */
    readonly textSecondaryInv: "#F3F5F6";
}> & import("@nfq/colors").MapToCssVars<{
    readonly buttonPrimaryLightHover: `color-mix(in srgb, #0050FF, white ${number}%)`;
    readonly buttonSecondaryDarkHover: `color-mix(in srgb, #FFFFFF ${number}%, transparent)`;
}>, themes: undefined;