export declare const Theme: {
    breakpoints: {
        sm: number;
        md: number;
        lg: number;
        xl: number;
    };
    colors: {
        brand: {
            300: string;
            400: string;
            500: string;
            600: string;
            700: string;
        };
        background: {
            1000: string;
            900: string;
            800: string;
            700: string;
            600: string;
        };
        text: string;
        textOnBrand: string;
        videoBg: string;
        success: string;
        danger: string;
        warning: string;
    };
    fontFamily: string;
    fontSize: {
        'heading-lg': string;
        'heading-md': string;
        'heading-sm': string;
        'button-lg': string;
        'button-md': string;
        'button-sm': string;
        'text-lg': string;
        'text-md': string;
        'text-sm': string;
    };
    themes: Record<import("../types/ui-config/design-tokens").Theme, import("../types/ui-config/design-tokens").UIColors>;
    border: {
        BORDER_RADII: Record<import("../types/ui-config/design-tokens").BorderRadius, {
            none: number;
            sm: number;
            md: number;
            lg: number;
        }>;
        BORDER_WIDTHS: Record<import("../types/ui-config/design-tokens").BorderWidth, {
            none: number;
            sm: number;
            md: number;
            lg: number;
        }>;
    };
};