export declare const COLORS: {
    surface: string;
    grey300: string;
    grey400: string;
    grey500: string;
    grey600: string;
    grey700: string;
    grey800: string;
    btnGradStart: string;
    btnGradEnd: string;
    btnBorder: string;
    btnShadowOuter: string;
    btnInnerShadow: string;
    btnLabel: string;
    iconCircleGradientStart: string;
    iconCircleGradientEnd: string;
    primary: string;
    primaryDark: string;
    primaryLight: string;
    background: {
        dark: string;
        medium: string;
        light: string;
    };
    text: {
        primary: string;
        secondary: string;
        tertiary: string;
        gold: string;
    };
    ui: {
        cardBackground: string;
        divider: string;
        inputBackground: string;
        buttonBackground: string;
    };
    status: {
        success: string;
        error: string;
        warning: string;
        info: string;
    };
    transparent: string;
    overlay: string;
};
export declare const FONTS: {
    families: {
        ibmPlexSans: string;
        ibmPlexSansBold: string;
        inter: string;
        base: string;
        serif: string;
    };
    weights: {
        light: "300";
        regular: "400";
        medium: "500";
        semibold: "600";
        bold: "700";
    };
    sizes: {
        xs: number;
        sm: number;
        md: number;
        lg: number;
        xl: number;
        xxl: number;
        xxxl: number;
        title: number;
        large: number;
        kicker: number;
        welcomeTitle: number;
        body: number;
        buttonLabel: number;
    };
    lineHeights: {
        kicker: number;
        welcomeTitle: number;
        body: number;
        sm: number;
        md: number;
        lg: number;
        xl: number;
    };
    letterSpacing: {
        kicker: number;
        tight: number;
        normal: number;
        wide: number;
    };
};
export declare const SPACING: {
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
    xxl: number;
    xxxl: number;
    modalTopPadding: number;
    modalHorizontal: number;
};
export declare const BORDER_RADIUS: {
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
    pill: number;
    circle: number;
    modalTop: number;
    buttonPill: number;
};
export declare const SHADOWS: {
    small: {
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
        elevation: number;
    };
    medium: {
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
        elevation: number;
    };
    large: {
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
        elevation: number;
    };
    button: {
        inner: {
            shadowColor: string;
            shadowOffset: {
                width: number;
                height: number;
            };
            shadowOpacity: number;
            shadowRadius: number;
        };
        outer: {
            shadowColor: string;
            shadowOffset: {
                width: number;
                height: number;
            };
            shadowOpacity: number;
            shadowRadius: number;
            elevation: number;
        };
    };
    brandMark: {
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
        elevation: number;
    };
};
export declare const TEXT_STYLES: {
    kicker: {
        fontFamily: string;
        fontWeight: "700";
        fontSize: number;
        lineHeight: number;
        letterSpacing: number;
        color: string;
    };
    welcomeTitle: {
        fontFamily: string;
        fontWeight: "700";
        fontSize: number;
        lineHeight: number;
        color: string;
    };
    body: {
        fontFamily: string;
        fontWeight: "400";
        fontSize: number;
        lineHeight: number;
        textAlign: "center";
        color: string;
    };
    buttonLabel: {
        fontFamily: string;
        fontWeight: "600";
        fontSize: number;
        color: string;
    };
};
declare const _default: {
    COLORS: {
        surface: string;
        grey300: string;
        grey400: string;
        grey500: string;
        grey600: string;
        grey700: string;
        grey800: string;
        btnGradStart: string;
        btnGradEnd: string;
        btnBorder: string;
        btnShadowOuter: string;
        btnInnerShadow: string;
        btnLabel: string;
        iconCircleGradientStart: string;
        iconCircleGradientEnd: string;
        primary: string;
        primaryDark: string;
        primaryLight: string;
        background: {
            dark: string;
            medium: string;
            light: string;
        };
        text: {
            primary: string;
            secondary: string;
            tertiary: string;
            gold: string;
        };
        ui: {
            cardBackground: string;
            divider: string;
            inputBackground: string;
            buttonBackground: string;
        };
        status: {
            success: string;
            error: string;
            warning: string;
            info: string;
        };
        transparent: string;
        overlay: string;
    };
    FONTS: {
        families: {
            ibmPlexSans: string;
            ibmPlexSansBold: string;
            inter: string;
            base: string;
            serif: string;
        };
        weights: {
            light: "300";
            regular: "400";
            medium: "500";
            semibold: "600";
            bold: "700";
        };
        sizes: {
            xs: number;
            sm: number;
            md: number;
            lg: number;
            xl: number;
            xxl: number;
            xxxl: number;
            title: number;
            large: number;
            kicker: number;
            welcomeTitle: number;
            body: number;
            buttonLabel: number;
        };
        lineHeights: {
            kicker: number;
            welcomeTitle: number;
            body: number;
            sm: number;
            md: number;
            lg: number;
            xl: number;
        };
        letterSpacing: {
            kicker: number;
            tight: number;
            normal: number;
            wide: number;
        };
    };
    SPACING: {
        xs: number;
        sm: number;
        md: number;
        lg: number;
        xl: number;
        xxl: number;
        xxxl: number;
        modalTopPadding: number;
        modalHorizontal: number;
    };
    BORDER_RADIUS: {
        xs: number;
        sm: number;
        md: number;
        lg: number;
        xl: number;
        pill: number;
        circle: number;
        modalTop: number;
        buttonPill: number;
    };
    SHADOWS: {
        small: {
            shadowColor: string;
            shadowOffset: {
                width: number;
                height: number;
            };
            shadowOpacity: number;
            shadowRadius: number;
            elevation: number;
        };
        medium: {
            shadowColor: string;
            shadowOffset: {
                width: number;
                height: number;
            };
            shadowOpacity: number;
            shadowRadius: number;
            elevation: number;
        };
        large: {
            shadowColor: string;
            shadowOffset: {
                width: number;
                height: number;
            };
            shadowOpacity: number;
            shadowRadius: number;
            elevation: number;
        };
        button: {
            inner: {
                shadowColor: string;
                shadowOffset: {
                    width: number;
                    height: number;
                };
                shadowOpacity: number;
                shadowRadius: number;
            };
            outer: {
                shadowColor: string;
                shadowOffset: {
                    width: number;
                    height: number;
                };
                shadowOpacity: number;
                shadowRadius: number;
                elevation: number;
            };
        };
        brandMark: {
            shadowColor: string;
            shadowOffset: {
                width: number;
                height: number;
            };
            shadowOpacity: number;
            shadowRadius: number;
            elevation: number;
        };
    };
    TEXT_STYLES: {
        kicker: {
            fontFamily: string;
            fontWeight: "700";
            fontSize: number;
            lineHeight: number;
            letterSpacing: number;
            color: string;
        };
        welcomeTitle: {
            fontFamily: string;
            fontWeight: "700";
            fontSize: number;
            lineHeight: number;
            color: string;
        };
        body: {
            fontFamily: string;
            fontWeight: "400";
            fontSize: number;
            lineHeight: number;
            textAlign: "center";
            color: string;
        };
        buttonLabel: {
            fontFamily: string;
            fontWeight: "600";
            fontSize: number;
            color: string;
        };
    };
};
export default _default;
//# sourceMappingURL=index.d.ts.map