/**
 * Layout Design Tokens
 * Enterprise-grade layout system based on Figma specifications
 */
export declare const layoutTokens: {
    readonly spacing: {
        readonly xs: "5px";
        readonly sm: "10px";
        readonly base: "15px";
        readonly md: "15px";
        readonly lg: "20px";
        readonly xl: "30px";
    };
    readonly fontSize: {
        readonly mini: "10px";
        readonly small: "16px";
        readonly medium: "24px";
        readonly big: "40px";
        readonly display: "40px";
    };
    readonly size: {
        readonly widget: {
            readonly width: "195px";
            readonly height: "97px";
        };
        readonly container: {
            readonly width: "430px";
            readonly height: "225px";
        };
    };
    readonly layout: {
        readonly cardPadding: "15px";
        readonly containerGap: "15px";
        readonly verticalGap: "10px";
        readonly horizontalGap: "15px";
    };
};
export declare const layoutCSSVars: {
    readonly '--layout-spacing-xs': "5px";
    readonly '--layout-spacing-sm': "10px";
    readonly '--layout-spacing-base': "15px";
    readonly '--layout-spacing-md': "15px";
    readonly '--layout-spacing-lg': "20px";
    readonly '--layout-spacing-xl': "30px";
    readonly '--layout-font-mini': "10px";
    readonly '--layout-font-small': "16px";
    readonly '--layout-font-medium': "24px";
    readonly '--layout-font-big': "40px";
    readonly '--layout-widget-width': "195px";
    readonly '--layout-widget-height': "97px";
};
export type LayoutSpacing = keyof typeof layoutTokens.spacing;
export type LayoutFontSize = keyof typeof layoutTokens.fontSize;
export declare const getLayoutSpacing: (key: LayoutSpacing) => "5px" | "30px" | "20px" | "10px" | "15px";
export declare const getLayoutFontSize: (key: LayoutFontSize) => "16px" | "10px" | "24px" | "40px";