export declare const COLOR_SCHEMES: readonly ["primary", "secondary", "brand", "success", "danger"];
export type ColorScheme = typeof COLOR_SCHEMES[number];
export type ColorType = {
    primitives: {
        logo: string;
        white: string;
        black: string;
    };
    text: {
        primary: string;
        secondary: string;
        tertiary: string;
        placeholder: string;
        inverse: string;
        disabled: string;
        brand: string;
        warning: string;
        danger: string;
        route: {
            title: string;
        };
        on: {
            color: {
                primary: string;
                disabled: string;
            };
        };
    };
    background: {
        1: string;
        2: string;
        3: string;
        brand: string;
        modal: string;
        main: string;
        route: string;
        warning: string;
        tag: string;
        body: string;
    };
    receive: {
        background: string;
    };
    route: {
        background: {
            highlight: string;
        };
        border: string;
    };
    border: {
        1: string;
        2: string;
        3: string;
        4: string;
        inverse: string;
        brand: string;
        disabled: string;
    };
    layer: {
        1: {
            default: string;
            hover: string;
            active: string;
        };
        2: {
            default: string;
            hover: string;
            active: string;
        };
        3: {
            default: string;
            hover: string;
            active: string;
        };
        4: {
            default: string;
            hover: string;
            active: string;
        };
        inverse: string;
        disabled: string;
    };
    support: {
        success: {
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
        };
        warning: {
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
        };
        danger: {
            3: string;
        };
        brand: {
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
        };
        primary: {
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
        };
    };
    shadow: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
    };
    gradient: {
        1: string;
    };
    overlay: string;
    button: {
        primary: {
            default: string;
            subtle: string;
            hover: string;
            active: string;
        };
        wallet: {
            text: string;
            background: {
                default: string;
                hover: string;
            };
        };
        refresh: {
            text: string;
        };
        select: {
            text: string;
            arrow: string;
            border: string;
            background: {
                default: string;
                hover: string;
            };
        };
        brand: {
            default: string;
            subtle: string;
            hover: string;
            active: string;
        };
        success: {
            default: string;
            subtle: string;
            hover: string;
            active: string;
        };
        danger: {
            default: string;
            subtle: string;
            hover: string;
            active: string;
        };
        disabled: string;
    };
    modal: {
        title: string;
        item: {
            text: {
                primary: string;
                secondary: string;
            };
            background: {
                default: string;
                hover: string;
            };
        };
        back: {
            default: string;
            hover: string;
        };
        close: {
            default: string;
            hover: string;
        };
    };
    input: {
        1: string;
        background: string;
        title: string;
        border: {
            default: string;
            hover: string;
            active: string;
        };
    };
    popover: {
        background: string;
        selected: string;
        shadow: string;
        separator: string;
    };
};
export type ThemeConfig = {
    light: ColorType;
    dark: ColorType;
};
