export type TypeScale = {
    display: string;
    title: string;
    subtitle: string;
    body: string;
    caption: string;
    overline: string;
};
export declare let typeScaleContract: TypeScale;
export declare let theme: {
    color: {
        accent: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        active: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        border: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        button: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        canvas: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        field: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        disabled: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        highlight: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        link: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        mark: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        selected: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        error: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        warning: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        info: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        success: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
        grey: {
            light: `var(--${string})`;
            lightText: `var(--${string})`;
            main: `var(--${string})`;
            mainText: `var(--${string})`;
            dark: `var(--${string})`;
            darkText: `var(--${string})`;
        };
    };
    typography: {
        display: `var(--${string})`;
        title: `var(--${string})`;
        subtitle: `var(--${string})`;
        body: `var(--${string})`;
        caption: `var(--${string})`;
        overline: `var(--${string})`;
    };
};