/**
 * Page layout constants for consistent sizing across the design system.
 *
 * All values are numbers in pixels. Add 'px' suffix when used in CSS.
 *
 * @example
 *     const Container = styled.div`
 *       max-width: ${theme.layout.content.maxWidth.wide}px; // 1200px
 *       margin: 0 auto;
 *     `;
 */
declare const layout: {
    /** Page-level layout constraints */
    readonly page: {
        /** Minimum page width: 320px */
        readonly minWidth: 320;
        /** Maximum page width: 2560px */
        readonly maxWidth: 2560;
    };
    /** Content area layout constraints */
    readonly content: {
        /** Content max-width values (pure content area without padding) */
        readonly maxWidth: {
            /** Wide/Normal content: 1200px */
            readonly wide: 1200;
            /** Medium content: 860px */
            readonly medium: 860;
            /** Narrow/Small content: 640px */
            readonly narrow: 640;
        };
        /** Container max-width values (content + 80px padding on each side) */
        readonly containerMaxWidth: {
            /** Wide container: 1280px (1200 + 80) */
            readonly wide: 1280;
            /** Medium container: 940px (860 + 80) */
            readonly medium: 940;
            /** Narrow container: 720px (640 + 80) */
            readonly narrow: 720;
        };
    };
};
export type LayoutTheme = typeof layout;
export default layout;