export declare const BREAKPOINTS: {
    sm: string;
    md: string;
    lg: string;
    xl: string;
    "2xl": string;
};
export declare const CONTAINERS: {
    ASSET_CARD: string;
    CONTENT: string;
    FORM: string;
    FORM_COL: string;
    CHECKBOX_LIST: string;
};
/**
 * Spacing utility function for consistent spacing throughout the application.
 *
 * This function converts spacing factors into CSS pixel values using a 4px base unit,
 * while also supporting custom string values for flexibility.
 *
 * @param factors - Variable number of spacing factors that can be:
 *   - Numbers: Multiplied by 4 to get pixel values (e.g., 1 = 4px, 2 = 8px)
 *   - Strings: Used as-is for custom values (e.g., "1px", "1rem", "auto")
 *
 * @returns A space-separated string of CSS values suitable for padding, margin, etc.
 *
 * @example
 * // Single value - uniform spacing
 * theme.spacing(2) // "8px"
 * theme.spacing(4) // "16px"
 *
 * @example
 * // Two values - vertical and horizontal
 * theme.spacing(1, 2) // "4px 8px"
 *
 * @example
 * // Four values - top, right, bottom, left
 * theme.spacing(1, 2, 3, 4) // "4px 8px 12px 16px"
 *
 * @example
 * // Mixed numeric and string values
 * theme.spacing("1px", 2, 2) // "1px 8px 8px"
 * theme.spacing(0, "auto") // "0px auto"
 * theme.spacing("1rem", 4, "2em") // "1rem 16px 2em"
 *
 * @example
 * // Usage in styled-components
 * const StyledDiv = styled.div`
 *   padding: ${({ theme }) => theme.spacing(2, 4)}; // "8px 16px"
 *   margin: ${({ theme }) => theme.spacing(1)}; // "4px"
 * `;
 *
 * @example
 * // Standard spacing factors (encouraged for consistency)
 * theme.spacing(0)    // "0px"
 * theme.spacing(0.5)  // "2px"
 * theme.spacing(1)    // "4px"
 * theme.spacing(2)    // "8px"
 * theme.spacing(3)    // "12px"
 * theme.spacing(4)    // "16px"
 * theme.spacing(5)    // "20px"
 * theme.spacing(6)    // "24px"
 * theme.spacing(8)    // "32px"
 * theme.spacing(10)   // "40px"
 * theme.spacing(12)   // "48px"
 * theme.spacing(16)   // "64px"
 * theme.spacing(20)   // "80px"
 * theme.spacing(24)   // "96px"
 * theme.spacing(32)   // "128px"
 * theme.spacing(40)   // "160px"
 */
type SpacingFactor = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | (number & {}) | (string & {});
declare const theme: {
    readonly fontSize: {
        display: {
            /** 72px */
            "2xl": string;
            /** 60px */
            xl: string;
            /** 48px */
            lg: string;
            /** 36px */
            md: string;
            /** 30px */
            sm: string;
            /** 24px */
            xs: string;
        };
        text: {
            /** 20px */
            "2xl": string;
            /** 18px */
            xl: string;
            /** 16px */
            lg: string;
            /** 14px */
            md: string;
            /** 12px */
            sm: string;
            /** 10px */
            xs: string;
        };
        body: {
            /** 20px */
            "2xl": string;
            /** 18px */
            xl: string;
            /** 16px */
            lg: string;
            /** 14px */
            md: string;
            /** 12px */
            sm: string;
            /** 10px */
            xs: string;
        };
        icon: {
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
    };
    readonly line: {
        /** 1.2em */
        "2xtight": string;
        /** 1.222222222em */
        xtight: string;
        /** 1.25em */
        tight: string;
        /** 1.266666667em */
        snug: string;
        /** 1.285714286em */
        normal: string;
        /** 1.3em */
        relaxed: string;
        /** 1.333333333em */
        loose: string;
        /** 1.4em */
        xloose: string;
        /** 1.428571429em */
        "2xloose": string;
        /** 1.5em */
        "3xloose": string;
        /** 1.555555556em */
        "4xloose": string;
        /** 1.8em */
        "8xloose": string;
    };
    readonly weight: {
        inherit: string;
        /**
         * Font weight 400
         */
        regular: string;
        /**
         * Font weight 500
         */
        medium: string;
        /**
         * Font weight 600
         */
        semi: string;
        /**
         * Font weight 700
         */
        bold: string;
    };
    readonly family: {
        sans: string;
        mono: string;
    };
    readonly shadow: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
    };
    readonly border: {
        dark: string;
        medium: string;
        light: string;
    };
    readonly spacing: (...factors: SpacingFactor[]) => string;
    readonly color: {
        white: string;
        black: string;
        gray: {
            25: string;
            50: string;
            100: string;
            200: string;
            300: string;
            400: string;
            500: string;
            600: string;
            700: string;
            800: string;
            900: string;
            925: string;
            950: string;
        };
        gold: {
            25: string;
            50: string;
            100: string;
            200: string;
            300: string;
            400: string;
            500: string;
            600: string;
            700: string;
            800: string;
            900: string;
            950: string;
        };
        red: {
            25: string;
            50: string;
            100: string;
            200: string;
            300: string;
            400: string;
            500: string;
            600: string;
            700: string;
            800: string;
            900: string;
            950: string;
        };
        teal: {
            25: string;
            50: string;
            100: string;
            200: string;
            300: string;
            400: string;
            500: string;
            600: string;
            700: string;
            800: string;
            900: string;
            950: string;
        };
        translucent: {
            grey: {
                100: string;
            };
            gold: {
                100: string;
            };
        };
    };
    readonly rounded: {
        xs: string;
        sm: string;
        md: string;
        full: string;
    };
};
export type Theme = typeof theme;
export default theme;