declare const varsThemeBase: {
    colors: {
        surface: {
            background: `var(--${string})` | `var(--${string}, ${string})`;
            brand: `var(--${string})` | `var(--${string}, ${string})`;
            "brand-hover": `var(--${string})` | `var(--${string}, ${string})`;
            "brand-press": `var(--${string})` | `var(--${string}, ${string})`;
            "brand-subdued": `var(--${string})` | `var(--${string}, ${string})`;
            disabled: `var(--${string})` | `var(--${string}, ${string})`;
            error: `var(--${string})` | `var(--${string}, ${string})`;
            "error-hover": `var(--${string})` | `var(--${string}, ${string})`;
            "error-press": `var(--${string})` | `var(--${string}, ${string})`;
            "error-subdued": `var(--${string})` | `var(--${string}, ${string})`;
            hover: `var(--${string})` | `var(--${string}, ${string})`;
            info: `var(--${string})` | `var(--${string}, ${string})`;
            "info-hover": `var(--${string})` | `var(--${string}, ${string})`;
            "info-press": `var(--${string})` | `var(--${string}, ${string})`;
            "info-subdued": `var(--${string})` | `var(--${string}, ${string})`;
            invert: `var(--${string})` | `var(--${string}, ${string})`;
            "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
            "invert-hover": `var(--${string})` | `var(--${string}, ${string})`;
            "invert-press": `var(--${string})` | `var(--${string}, ${string})`;
            "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
            overlay: `var(--${string})` | `var(--${string}, ${string})`;
            press: `var(--${string})` | `var(--${string}, ${string})`;
            primary: `var(--${string})` | `var(--${string}, ${string})`;
            secondary: `var(--${string})` | `var(--${string}, ${string})`;
            success: `var(--${string})` | `var(--${string}, ${string})`;
            "success-hover": `var(--${string})` | `var(--${string}, ${string})`;
            "success-press": `var(--${string})` | `var(--${string}, ${string})`;
            "success-subdued": `var(--${string})` | `var(--${string}, ${string})`;
            warning: `var(--${string})` | `var(--${string}, ${string})`;
            "warning-hover": `var(--${string})` | `var(--${string}, ${string})`;
            "warning-press": `var(--${string})` | `var(--${string}, ${string})`;
            "warning-subdued": `var(--${string})` | `var(--${string}, ${string})`;
        };
        content: {
            brand: `var(--${string})` | `var(--${string}, ${string})`;
            "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
            disabled: `var(--${string})` | `var(--${string}, ${string})`;
            error: `var(--${string})` | `var(--${string}, ${string})`;
            info: `var(--${string})` | `var(--${string}, ${string})`;
            invert: `var(--${string})` | `var(--${string}, ${string})`;
            "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
            "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
            "on-brand": `var(--${string})` | `var(--${string}, ${string})`;
            "on-error": `var(--${string})` | `var(--${string}, ${string})`;
            "on-info": `var(--${string})` | `var(--${string}, ${string})`;
            "on-success": `var(--${string})` | `var(--${string}, ${string})`;
            "on-warning": `var(--${string})` | `var(--${string}, ${string})`;
            primary: `var(--${string})` | `var(--${string}, ${string})`;
            secondary: `var(--${string})` | `var(--${string}, ${string})`;
            success: `var(--${string})` | `var(--${string}, ${string})`;
            warning: `var(--${string})` | `var(--${string}, ${string})`;
            "warning-alt": `var(--${string})` | `var(--${string}, ${string})`;
        };
        border: {
            brand: `var(--${string})` | `var(--${string}, ${string})`;
            "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
            disabled: `var(--${string})` | `var(--${string}, ${string})`;
            divider: `var(--${string})` | `var(--${string}, ${string})`;
            error: `var(--${string})` | `var(--${string}, ${string})`;
            info: `var(--${string})` | `var(--${string}, ${string})`;
            invert: `var(--${string})` | `var(--${string}, ${string})`;
            "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
            primary: `var(--${string})` | `var(--${string}, ${string})`;
            secondary: `var(--${string})` | `var(--${string}, ${string})`;
            subdued: `var(--${string})` | `var(--${string}, ${string})`;
            success: `var(--${string})` | `var(--${string}, ${string})`;
            warning: `var(--${string})` | `var(--${string}, ${string})`;
        };
    };
    fontFamily: {
        body: `var(--${string})` | `var(--${string}, ${string})`;
        heading: `var(--${string})` | `var(--${string}, ${string})`;
        button: `var(--${string})` | `var(--${string}, ${string})`;
    };
    fontSize: {
        body: {
            xxs: `var(--${string})` | `var(--${string}, ${string})`;
            xs: `var(--${string})` | `var(--${string}, ${string})`;
            s: `var(--${string})` | `var(--${string}, ${string})`;
            m: `var(--${string})` | `var(--${string}, ${string})`;
            l: `var(--${string})` | `var(--${string}, ${string})`;
            xl: `var(--${string})` | `var(--${string}, ${string})`;
        };
        heading: {
            xs: `var(--${string})` | `var(--${string}, ${string})`;
            s: `var(--${string})` | `var(--${string}, ${string})`;
            m: `var(--${string})` | `var(--${string}, ${string})`;
            l: `var(--${string})` | `var(--${string}, ${string})`;
            xl: `var(--${string})` | `var(--${string}, ${string})`;
            hero: `var(--${string})` | `var(--${string}, ${string})`;
        };
        button: {
            xs: `var(--${string})` | `var(--${string}, ${string})`;
            s: `var(--${string})` | `var(--${string}, ${string})`;
            m: `var(--${string})` | `var(--${string}, ${string})`;
            l: `var(--${string})` | `var(--${string}, ${string})`;
        };
        label: {
            s: `var(--${string})` | `var(--${string}, ${string})`;
            m: `var(--${string})` | `var(--${string}, ${string})`;
            l: `var(--${string})` | `var(--${string}, ${string})`;
        };
    };
    fontWeight: {
        regular: `var(--${string})` | `var(--${string}, ${string})`;
        medium: `var(--${string})` | `var(--${string}, ${string})`;
        semiBold: `var(--${string})` | `var(--${string}, ${string})`;
        bold: `var(--${string})` | `var(--${string}, ${string})`;
    };
    lineHeight: {
        body: {
            xxs: `var(--${string})` | `var(--${string}, ${string})`;
            xs: `var(--${string})` | `var(--${string}, ${string})`;
            s: `var(--${string})` | `var(--${string}, ${string})`;
            m: `var(--${string})` | `var(--${string}, ${string})`;
            l: `var(--${string})` | `var(--${string}, ${string})`;
            xl: `var(--${string})` | `var(--${string}, ${string})`;
        };
        heading: {
            xs: `var(--${string})` | `var(--${string}, ${string})`;
            s: `var(--${string})` | `var(--${string}, ${string})`;
            m: `var(--${string})` | `var(--${string}, ${string})`;
            l: `var(--${string})` | `var(--${string}, ${string})`;
            xl: `var(--${string})` | `var(--${string}, ${string})`;
            hero: `var(--${string})` | `var(--${string}, ${string})`;
        };
        button: {
            s: `var(--${string})` | `var(--${string}, ${string})`;
            m: `var(--${string})` | `var(--${string}, ${string})`;
            l: `var(--${string})` | `var(--${string}, ${string})`;
        };
        label: {
            s: `var(--${string})` | `var(--${string}, ${string})`;
            m: `var(--${string})` | `var(--${string}, ${string})`;
            l: `var(--${string})` | `var(--${string}, ${string})`;
        };
    };
    elevation: {
        none: `var(--${string})` | `var(--${string}, ${string})`;
        top: {
            "1": `var(--${string})` | `var(--${string}, ${string})`;
            "2": `var(--${string})` | `var(--${string}, ${string})`;
            "3": `var(--${string})` | `var(--${string}, ${string})`;
            "4": `var(--${string})` | `var(--${string}, ${string})`;
            "5": `var(--${string})` | `var(--${string}, ${string})`;
        };
        bottom: {
            "1": `var(--${string})` | `var(--${string}, ${string})`;
            "2": `var(--${string})` | `var(--${string}, ${string})`;
            "3": `var(--${string})` | `var(--${string}, ${string})`;
            "4": `var(--${string})` | `var(--${string}, ${string})`;
            "5": `var(--${string})` | `var(--${string}, ${string})`;
        };
        "focus-ring": `var(--${string})` | `var(--${string}, ${string})`;
    };
    shape: {
        border: {
            radius: {
                none: `var(--${string})` | `var(--${string}, ${string})`;
                "2xs": `var(--${string})` | `var(--${string}, ${string})`;
                xs: `var(--${string})` | `var(--${string}, ${string})`;
                sm: `var(--${string})` | `var(--${string}, ${string})`;
                md: `var(--${string})` | `var(--${string}, ${string})`;
                lg: `var(--${string})` | `var(--${string}, ${string})`;
                xl: `var(--${string})` | `var(--${string}, ${string})`;
                "2xl": `var(--${string})` | `var(--${string}, ${string})`;
                pill: `var(--${string})` | `var(--${string}, ${string})`;
                button: `var(--${string})` | `var(--${string}, ${string})`;
                input: `var(--${string})` | `var(--${string}, ${string})`;
            };
            width: {
                "1": `var(--${string})` | `var(--${string}, ${string})`;
                "2": `var(--${string})` | `var(--${string}, ${string})`;
                "3": `var(--${string})` | `var(--${string}, ${string})`;
                "4": `var(--${string})` | `var(--${string}, ${string})`;
                "5": `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
    };
    spacing: {
        "4xs": `var(--${string})` | `var(--${string}, ${string})`;
        "3xs": `var(--${string})` | `var(--${string}, ${string})`;
        "2xs": `var(--${string})` | `var(--${string}, ${string})`;
        xs: `var(--${string})` | `var(--${string}, ${string})`;
        s: `var(--${string})` | `var(--${string}, ${string})`;
        md: `var(--${string})` | `var(--${string}, ${string})`;
        lg: `var(--${string})` | `var(--${string}, ${string})`;
        xl: `var(--${string})` | `var(--${string}, ${string})`;
        "2xl": `var(--${string})` | `var(--${string}, ${string})`;
        "3xl": `var(--${string})` | `var(--${string}, ${string})`;
        "4xl": `var(--${string})` | `var(--${string}, ${string})`;
        "5xl": `var(--${string})` | `var(--${string}, ${string})`;
        "6xl": `var(--${string})` | `var(--${string}, ${string})`;
        "7xl": `var(--${string})` | `var(--${string}, ${string})`;
        "8xl": `var(--${string})` | `var(--${string}, ${string})`;
    };
    zIndex: {
        100: `var(--${string})` | `var(--${string}, ${string})`;
        200: `var(--${string})` | `var(--${string}, ${string})`;
        300: `var(--${string})` | `var(--${string}, ${string})`;
        400: `var(--${string})` | `var(--${string}, ${string})`;
        500: `var(--${string})` | `var(--${string}, ${string})`;
        600: `var(--${string})` | `var(--${string}, ${string})`;
        700: `var(--${string})` | `var(--${string}, ${string})`;
        800: `var(--${string})` | `var(--${string}, ${string})`;
        900: `var(--${string})` | `var(--${string}, ${string})`;
    };
    breakpoint: {
        xs: `var(--${string})` | `var(--${string}, ${string})`;
        md: `var(--${string})` | `var(--${string}, ${string})`;
        lg: `var(--${string})` | `var(--${string}, ${string})`;
        xl: `var(--${string})` | `var(--${string}, ${string})`;
    };
};

export { varsThemeBase };