/// <reference types="react" />
import type * as Stitches from '@stitches/react';
export declare const config: {
    prefix: "";
    media: {
        lg: "(min-width: 1200px)";
        md: "(min-width: 900px)";
        sm: "(min-width: 600px)";
        xl: "(min-width: 1536px)";
        xs: "(min-width: 0px)";
    };
    theme: {
        colors: {
            black: string;
            white: string;
            blackOpacity04: string;
            blackOpacity1: string;
            blackOpacity3: string;
            blackOpacity5: string;
            blackOpacity9: string;
            gray50: string;
            gray100: string;
            gray200: string;
            gray300: string;
            gray400: string;
            gray500: string;
            gray600: string;
            gray700: string;
            gray800: string;
            gray900: string;
            perfarmBackground: string;
            perfarmLighterBlue: string;
            darkGray: string;
            gray: string;
            lighterGray: string;
            lightGray: string;
            mediumGray: string;
            pastureGreen: string;
            pastureGreenDark: string;
            pastureGreenHover: string;
            pastureGreenLight: string;
            pastureGreenLighter: string;
            pastureGreenWhitened: string;
            warningRedAlert: string;
            warningRedDark: string;
            warningRedHover: string;
            warningRedLight: string;
            warningRedLighter: string;
            warningRedWhitened: string;
            resourceYellow: string;
            resourceYellowDark: string;
            resourceYellowHover: string;
            resourceYellowLight: string;
            resourceYellowLighter: string;
            resourceYellowWhitened: string;
        };
        fonts: {
            montserrat: string;
        };
        fontSizes: {
            body1: string;
            body2: string;
            body3: string;
            body4: string;
            body5: string;
            body6: string;
            body7: string;
            description1: string;
            description2: string;
            description3: string;
            description4: string;
            display1: string;
            display2: string;
            display3: string;
            display4: string;
            headline1: string;
            headline2: string;
            headline3: string;
            headline4: string;
            headline5: string;
            headline6: string;
        };
        fontWeights: {
            bold: string;
            extraBold: string;
            extraLight: string;
            light: string;
            medium: string;
            normal: string;
            semiBold: string;
            thin: string;
        };
        letterSpacings: {
            body1: string;
            body2: string;
            body3: string;
            body4: string;
            body5: string;
            body6: string;
            body7: string;
            description1: string;
            description2: string;
            description3: string;
            description4: string;
            display1: string;
            display2: string;
            display3: string;
            display4: string;
            headline1: string;
            headline2: string;
            headline3: string;
            headline4: string;
            headline5: string;
            headline6: string;
        };
        lineHeights: {
            body1: string;
            body2: string;
            body3: string;
            body4: string;
            body5: string;
            body6: string;
            body7: string;
            description1: string;
            description2: string;
            description3: string;
            description4: string;
            display1: string;
            display2: string;
            display3: string;
            display4: string;
            headline1: string;
            headline2: string;
            headline3: string;
            headline4: string;
            headline5: string;
            headline6: string;
        };
        radii: {
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            round: string;
        };
        shadows: {
            1: string;
            2: string;
            perfarmBackground: string;
        };
        space: {
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            6: string;
            7: string;
            8: string;
            9: string;
            10: string;
        };
        transitions: {
            easeInOut02: string;
        };
        zIndices: {
            appBar: number;
            drawer: number;
            modal: number;
            snackbar: number;
            tooltip: number;
        };
    };
    themeMap: import("@stitches/react/types/config").DefaultThemeMap;
    utils: {
        fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
            fontSize: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
            letterSpacings: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
            lineHeight: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
        };
        hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
        marginX: (value: Stitches.PropertyValue<'margin'>) => {
            marginLeft: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
            marginRight: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
        };
        marginY: (value: Stitches.PropertyValue<'margin'>) => {
            marginBottom: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
            marginTop: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
        };
        outlineColor: (color: Stitches.PropertyValue<'color'>) => {
            backgroundColor: string;
            border: string;
            color: string;
            transition: string;
            '&:hover': {
                backgroundColor: string;
                color: {
                    readonly [Stitches.$$PropertyValue]: "color";
                };
            };
            '&:active': {
                backgroundColor: string;
            };
        };
        textColor: (color: Stitches.PropertyValue<'color'>) => {
            backgroundColor: string;
            borderColor: string;
            color: string;
            '&:hover': {
                backgroundColor: string;
                color: {
                    readonly [Stitches.$$PropertyValue]: "color";
                };
            };
            '&:active': {
                backgroundColor: string;
                transition: string;
            };
        };
        paddingX: (value: Stitches.PropertyValue<'padding'>) => {
            paddingLeft: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
            paddingRight: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
        };
        paddingY: (value: Stitches.PropertyValue<'padding'>) => {
            paddingBottom: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
            paddingTop: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
        };
    };
}, createTheme: <Argument0 extends string | ({
    colors?: {
        black?: string | number | boolean | undefined;
        white?: string | number | boolean | undefined;
        blackOpacity04?: string | number | boolean | undefined;
        blackOpacity1?: string | number | boolean | undefined;
        blackOpacity3?: string | number | boolean | undefined;
        blackOpacity5?: string | number | boolean | undefined;
        blackOpacity9?: string | number | boolean | undefined;
        gray50?: string | number | boolean | undefined;
        gray100?: string | number | boolean | undefined;
        gray200?: string | number | boolean | undefined;
        gray300?: string | number | boolean | undefined;
        gray400?: string | number | boolean | undefined;
        gray500?: string | number | boolean | undefined;
        gray600?: string | number | boolean | undefined;
        gray700?: string | number | boolean | undefined;
        gray800?: string | number | boolean | undefined;
        gray900?: string | number | boolean | undefined;
        perfarmBackground?: string | number | boolean | undefined;
        perfarmLighterBlue?: string | number | boolean | undefined;
        darkGray?: string | number | boolean | undefined;
        gray?: string | number | boolean | undefined;
        lighterGray?: string | number | boolean | undefined;
        lightGray?: string | number | boolean | undefined;
        mediumGray?: string | number | boolean | undefined;
        pastureGreen?: string | number | boolean | undefined;
        pastureGreenDark?: string | number | boolean | undefined;
        pastureGreenHover?: string | number | boolean | undefined;
        pastureGreenLight?: string | number | boolean | undefined;
        pastureGreenLighter?: string | number | boolean | undefined;
        pastureGreenWhitened?: string | number | boolean | undefined;
        warningRedAlert?: string | number | boolean | undefined;
        warningRedDark?: string | number | boolean | undefined;
        warningRedHover?: string | number | boolean | undefined;
        warningRedLight?: string | number | boolean | undefined;
        warningRedLighter?: string | number | boolean | undefined;
        warningRedWhitened?: string | number | boolean | undefined;
        resourceYellow?: string | number | boolean | undefined;
        resourceYellowDark?: string | number | boolean | undefined;
        resourceYellowHover?: string | number | boolean | undefined;
        resourceYellowLight?: string | number | boolean | undefined;
        resourceYellowLighter?: string | number | boolean | undefined;
        resourceYellowWhitened?: string | number | boolean | undefined;
    } | undefined;
    fonts?: {
        montserrat?: string | number | boolean | undefined;
    } | undefined;
    fontSizes?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    fontWeights?: {
        bold?: string | number | boolean | undefined;
        extraBold?: string | number | boolean | undefined;
        extraLight?: string | number | boolean | undefined;
        light?: string | number | boolean | undefined;
        medium?: string | number | boolean | undefined;
        normal?: string | number | boolean | undefined;
        semiBold?: string | number | boolean | undefined;
        thin?: string | number | boolean | undefined;
    } | undefined;
    letterSpacings?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    lineHeights?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    radii?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        round?: string | number | boolean | undefined;
    } | undefined;
    shadows?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        perfarmBackground?: string | number | boolean | undefined;
    } | undefined;
    space?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        6?: string | number | boolean | undefined;
        7?: string | number | boolean | undefined;
        8?: string | number | boolean | undefined;
        9?: string | number | boolean | undefined;
        10?: string | number | boolean | undefined;
    } | undefined;
    transitions?: {
        easeInOut02?: string | number | boolean | undefined;
    } | undefined;
    zIndices?: {
        appBar?: string | number | boolean | undefined;
        drawer?: string | number | boolean | undefined;
        modal?: string | number | boolean | undefined;
        snackbar?: string | number | boolean | undefined;
        tooltip?: string | number | boolean | undefined;
    } | undefined;
} & {
    [x: string]: {
        [x: string]: string | number | boolean;
        [x: number]: string | number | boolean;
    };
}), Argument1 extends string | ({
    colors?: {
        black?: string | number | boolean | undefined;
        white?: string | number | boolean | undefined;
        blackOpacity04?: string | number | boolean | undefined;
        blackOpacity1?: string | number | boolean | undefined;
        blackOpacity3?: string | number | boolean | undefined;
        blackOpacity5?: string | number | boolean | undefined;
        blackOpacity9?: string | number | boolean | undefined;
        gray50?: string | number | boolean | undefined;
        gray100?: string | number | boolean | undefined;
        gray200?: string | number | boolean | undefined;
        gray300?: string | number | boolean | undefined;
        gray400?: string | number | boolean | undefined;
        gray500?: string | number | boolean | undefined;
        gray600?: string | number | boolean | undefined;
        gray700?: string | number | boolean | undefined;
        gray800?: string | number | boolean | undefined;
        gray900?: string | number | boolean | undefined;
        perfarmBackground?: string | number | boolean | undefined;
        perfarmLighterBlue?: string | number | boolean | undefined;
        darkGray?: string | number | boolean | undefined;
        gray?: string | number | boolean | undefined;
        lighterGray?: string | number | boolean | undefined;
        lightGray?: string | number | boolean | undefined;
        mediumGray?: string | number | boolean | undefined;
        pastureGreen?: string | number | boolean | undefined;
        pastureGreenDark?: string | number | boolean | undefined;
        pastureGreenHover?: string | number | boolean | undefined;
        pastureGreenLight?: string | number | boolean | undefined;
        pastureGreenLighter?: string | number | boolean | undefined;
        pastureGreenWhitened?: string | number | boolean | undefined;
        warningRedAlert?: string | number | boolean | undefined;
        warningRedDark?: string | number | boolean | undefined;
        warningRedHover?: string | number | boolean | undefined;
        warningRedLight?: string | number | boolean | undefined;
        warningRedLighter?: string | number | boolean | undefined;
        warningRedWhitened?: string | number | boolean | undefined;
        resourceYellow?: string | number | boolean | undefined;
        resourceYellowDark?: string | number | boolean | undefined;
        resourceYellowHover?: string | number | boolean | undefined;
        resourceYellowLight?: string | number | boolean | undefined;
        resourceYellowLighter?: string | number | boolean | undefined;
        resourceYellowWhitened?: string | number | boolean | undefined;
    } | undefined;
    fonts?: {
        montserrat?: string | number | boolean | undefined;
    } | undefined;
    fontSizes?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    fontWeights?: {
        bold?: string | number | boolean | undefined;
        extraBold?: string | number | boolean | undefined;
        extraLight?: string | number | boolean | undefined;
        light?: string | number | boolean | undefined;
        medium?: string | number | boolean | undefined;
        normal?: string | number | boolean | undefined;
        semiBold?: string | number | boolean | undefined;
        thin?: string | number | boolean | undefined;
    } | undefined;
    letterSpacings?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    lineHeights?: {
        body1?: string | number | boolean | undefined;
        body2?: string | number | boolean | undefined;
        body3?: string | number | boolean | undefined;
        body4?: string | number | boolean | undefined;
        body5?: string | number | boolean | undefined;
        body6?: string | number | boolean | undefined;
        body7?: string | number | boolean | undefined;
        description1?: string | number | boolean | undefined;
        description2?: string | number | boolean | undefined;
        description3?: string | number | boolean | undefined;
        description4?: string | number | boolean | undefined;
        display1?: string | number | boolean | undefined;
        display2?: string | number | boolean | undefined;
        display3?: string | number | boolean | undefined;
        display4?: string | number | boolean | undefined;
        headline1?: string | number | boolean | undefined;
        headline2?: string | number | boolean | undefined;
        headline3?: string | number | boolean | undefined;
        headline4?: string | number | boolean | undefined;
        headline5?: string | number | boolean | undefined;
        headline6?: string | number | boolean | undefined;
    } | undefined;
    radii?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        round?: string | number | boolean | undefined;
    } | undefined;
    shadows?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        perfarmBackground?: string | number | boolean | undefined;
    } | undefined;
    space?: {
        1?: string | number | boolean | undefined;
        2?: string | number | boolean | undefined;
        3?: string | number | boolean | undefined;
        4?: string | number | boolean | undefined;
        5?: string | number | boolean | undefined;
        6?: string | number | boolean | undefined;
        7?: string | number | boolean | undefined;
        8?: string | number | boolean | undefined;
        9?: string | number | boolean | undefined;
        10?: string | number | boolean | undefined;
    } | undefined;
    transitions?: {
        easeInOut02?: string | number | boolean | undefined;
    } | undefined;
    zIndices?: {
        appBar?: string | number | boolean | undefined;
        drawer?: string | number | boolean | undefined;
        modal?: string | number | boolean | undefined;
        snackbar?: string | number | boolean | undefined;
        tooltip?: string | number | boolean | undefined;
    } | undefined;
} & {
    [x: string]: {
        [x: string]: string | number | boolean;
        [x: number]: string | number | boolean;
    };
})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
    className: string;
    selector: string;
} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, ""> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "">), css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | {
    [name: string]: unknown;
})[], CSS = import("@stitches/react/types/css-util").CSS<{
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, {
    colors: {
        black: string;
        white: string;
        blackOpacity04: string;
        blackOpacity1: string;
        blackOpacity3: string;
        blackOpacity5: string;
        blackOpacity9: string;
        gray50: string;
        gray100: string;
        gray200: string;
        gray300: string;
        gray400: string;
        gray500: string;
        gray600: string;
        gray700: string;
        gray800: string;
        gray900: string;
        perfarmBackground: string;
        perfarmLighterBlue: string;
        darkGray: string;
        gray: string;
        lighterGray: string;
        lightGray: string;
        mediumGray: string;
        pastureGreen: string;
        pastureGreenDark: string;
        pastureGreenHover: string;
        pastureGreenLight: string;
        pastureGreenLighter: string;
        pastureGreenWhitened: string;
        warningRedAlert: string;
        warningRedDark: string;
        warningRedHover: string;
        warningRedLight: string;
        warningRedLighter: string;
        warningRedWhitened: string;
        resourceYellow: string;
        resourceYellowDark: string;
        resourceYellowHover: string;
        resourceYellowLight: string;
        resourceYellowLighter: string;
        resourceYellowWhitened: string;
    };
    fonts: {
        montserrat: string;
    };
    fontSizes: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    fontWeights: {
        bold: string;
        extraBold: string;
        extraLight: string;
        light: string;
        medium: string;
        normal: string;
        semiBold: string;
        thin: string;
    };
    letterSpacings: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    lineHeights: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    radii: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        round: string;
    };
    shadows: {
        1: string;
        2: string;
        perfarmBackground: string;
    };
    space: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    transitions: {
        easeInOut02: string;
    };
    zIndices: {
        appBar: number;
        drawer: number;
        modal: number;
        snackbar: number;
        tooltip: number;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
        fontSize: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
    marginX: (value: Stitches.PropertyValue<'margin'>) => {
        marginLeft: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    marginY: (value: Stitches.PropertyValue<'margin'>) => {
        marginBottom: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: Stitches.PropertyValue<'padding'>) => {
        paddingLeft: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: Stitches.PropertyValue<'padding'>) => {
        paddingBottom: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS;
            [x: number]: CSS;
        };
    } | undefined;
    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & {
        css: CSS;
    })[] | undefined;
    defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, CSS>, getCssText: () => string, globalCss: <Styles extends {
    [K: string]: any;
}>(...styles: ({
    '@import'?: unknown;
    '@font-face'?: unknown;
} & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
    [x: string]: import("@stitches/react/types/css-util").CSS<{
        lg: "(min-width: 1200px)";
        md: "(min-width: 900px)";
        sm: "(min-width: 600px)";
        xl: "(min-width: 1536px)";
        xs: "(min-width: 0px)";
    }, {
        colors: {
            black: string;
            white: string;
            blackOpacity04: string;
            blackOpacity1: string;
            blackOpacity3: string;
            blackOpacity5: string;
            blackOpacity9: string;
            gray50: string;
            gray100: string;
            gray200: string;
            gray300: string;
            gray400: string;
            gray500: string;
            gray600: string;
            gray700: string;
            gray800: string;
            gray900: string;
            perfarmBackground: string;
            perfarmLighterBlue: string;
            darkGray: string;
            gray: string;
            lighterGray: string;
            lightGray: string;
            mediumGray: string;
            pastureGreen: string;
            pastureGreenDark: string;
            pastureGreenHover: string;
            pastureGreenLight: string;
            pastureGreenLighter: string;
            pastureGreenWhitened: string;
            warningRedAlert: string;
            warningRedDark: string;
            warningRedHover: string;
            warningRedLight: string;
            warningRedLighter: string;
            warningRedWhitened: string;
            resourceYellow: string;
            resourceYellowDark: string;
            resourceYellowHover: string;
            resourceYellowLight: string;
            resourceYellowLighter: string;
            resourceYellowWhitened: string;
        };
        fonts: {
            montserrat: string;
        };
        fontSizes: {
            body1: string;
            body2: string;
            body3: string;
            body4: string;
            body5: string;
            body6: string;
            body7: string;
            description1: string;
            description2: string;
            description3: string;
            description4: string;
            display1: string;
            display2: string;
            display3: string;
            display4: string;
            headline1: string;
            headline2: string;
            headline3: string;
            headline4: string;
            headline5: string;
            headline6: string;
        };
        fontWeights: {
            bold: string;
            extraBold: string;
            extraLight: string;
            light: string;
            medium: string;
            normal: string;
            semiBold: string;
            thin: string;
        };
        letterSpacings: {
            body1: string;
            body2: string;
            body3: string;
            body4: string;
            body5: string;
            body6: string;
            body7: string;
            description1: string;
            description2: string;
            description3: string;
            description4: string;
            display1: string;
            display2: string;
            display3: string;
            display4: string;
            headline1: string;
            headline2: string;
            headline3: string;
            headline4: string;
            headline5: string;
            headline6: string;
        };
        lineHeights: {
            body1: string;
            body2: string;
            body3: string;
            body4: string;
            body5: string;
            body6: string;
            body7: string;
            description1: string;
            description2: string;
            description3: string;
            description4: string;
            display1: string;
            display2: string;
            display3: string;
            display4: string;
            headline1: string;
            headline2: string;
            headline3: string;
            headline4: string;
            headline5: string;
            headline6: string;
        };
        radii: {
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            round: string;
        };
        shadows: {
            1: string;
            2: string;
            perfarmBackground: string;
        };
        space: {
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            6: string;
            7: string;
            8: string;
            9: string;
            10: string;
        };
        transitions: {
            easeInOut02: string;
        };
        zIndices: {
            appBar: number;
            drawer: number;
            modal: number;
            snackbar: number;
            tooltip: number;
        };
    }, import("@stitches/react/types/config").DefaultThemeMap, {
        fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
            fontSize: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
            letterSpacings: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
            lineHeight: {
                readonly [Stitches.$$PropertyValue]: "fontSize";
            };
        };
        hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
        marginX: (value: Stitches.PropertyValue<'margin'>) => {
            marginLeft: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
            marginRight: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
        };
        marginY: (value: Stitches.PropertyValue<'margin'>) => {
            marginBottom: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
            marginTop: {
                readonly [Stitches.$$PropertyValue]: "margin";
            };
        };
        outlineColor: (color: Stitches.PropertyValue<'color'>) => {
            backgroundColor: string;
            border: string;
            color: string;
            transition: string;
            '&:hover': {
                backgroundColor: string;
                color: {
                    readonly [Stitches.$$PropertyValue]: "color";
                };
            };
            '&:active': {
                backgroundColor: string;
            };
        };
        textColor: (color: Stitches.PropertyValue<'color'>) => {
            backgroundColor: string;
            borderColor: string;
            color: string;
            '&:hover': {
                backgroundColor: string;
                color: {
                    readonly [Stitches.$$PropertyValue]: "color";
                };
            };
            '&:active': {
                backgroundColor: string;
                transition: string;
            };
        };
        paddingX: (value: Stitches.PropertyValue<'padding'>) => {
            paddingLeft: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
            paddingRight: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
        };
        paddingY: (value: Stitches.PropertyValue<'padding'>) => {
            paddingBottom: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
            paddingTop: {
                readonly [Stitches.$$PropertyValue]: "padding";
            };
        };
    }>;
} : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, {
    colors: {
        black: string;
        white: string;
        blackOpacity04: string;
        blackOpacity1: string;
        blackOpacity3: string;
        blackOpacity5: string;
        blackOpacity9: string;
        gray50: string;
        gray100: string;
        gray200: string;
        gray300: string;
        gray400: string;
        gray500: string;
        gray600: string;
        gray700: string;
        gray800: string;
        gray900: string;
        perfarmBackground: string;
        perfarmLighterBlue: string;
        darkGray: string;
        gray: string;
        lighterGray: string;
        lightGray: string;
        mediumGray: string;
        pastureGreen: string;
        pastureGreenDark: string;
        pastureGreenHover: string;
        pastureGreenLight: string;
        pastureGreenLighter: string;
        pastureGreenWhitened: string;
        warningRedAlert: string;
        warningRedDark: string;
        warningRedHover: string;
        warningRedLight: string;
        warningRedLighter: string;
        warningRedWhitened: string;
        resourceYellow: string;
        resourceYellowDark: string;
        resourceYellowHover: string;
        resourceYellowLight: string;
        resourceYellowLighter: string;
        resourceYellowWhitened: string;
    };
    fonts: {
        montserrat: string;
    };
    fontSizes: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    fontWeights: {
        bold: string;
        extraBold: string;
        extraLight: string;
        light: string;
        medium: string;
        normal: string;
        semiBold: string;
        thin: string;
    };
    letterSpacings: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    lineHeights: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    radii: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        round: string;
    };
    shadows: {
        1: string;
        2: string;
        perfarmBackground: string;
    };
    space: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    transitions: {
        easeInOut02: string;
    };
    zIndices: {
        appBar: number;
        drawer: number;
        modal: number;
        snackbar: number;
        tooltip: number;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
        fontSize: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
    marginX: (value: Stitches.PropertyValue<'margin'>) => {
        marginLeft: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    marginY: (value: Stitches.PropertyValue<'margin'>) => {
        marginBottom: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: Stitches.PropertyValue<'padding'>) => {
        paddingLeft: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: Stitches.PropertyValue<'padding'>) => {
        paddingBottom: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
}>; })[]) => () => string, styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
    [name: string]: unknown;
})[], CSS = import("@stitches/react/types/css-util").CSS<{
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, {
    colors: {
        black: string;
        white: string;
        blackOpacity04: string;
        blackOpacity1: string;
        blackOpacity3: string;
        blackOpacity5: string;
        blackOpacity9: string;
        gray50: string;
        gray100: string;
        gray200: string;
        gray300: string;
        gray400: string;
        gray500: string;
        gray600: string;
        gray700: string;
        gray800: string;
        gray900: string;
        perfarmBackground: string;
        perfarmLighterBlue: string;
        darkGray: string;
        gray: string;
        lighterGray: string;
        lightGray: string;
        mediumGray: string;
        pastureGreen: string;
        pastureGreenDark: string;
        pastureGreenHover: string;
        pastureGreenLight: string;
        pastureGreenLighter: string;
        pastureGreenWhitened: string;
        warningRedAlert: string;
        warningRedDark: string;
        warningRedHover: string;
        warningRedLight: string;
        warningRedLighter: string;
        warningRedWhitened: string;
        resourceYellow: string;
        resourceYellowDark: string;
        resourceYellowHover: string;
        resourceYellowLight: string;
        resourceYellowLighter: string;
        resourceYellowWhitened: string;
    };
    fonts: {
        montserrat: string;
    };
    fontSizes: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    fontWeights: {
        bold: string;
        extraBold: string;
        extraLight: string;
        light: string;
        medium: string;
        normal: string;
        semiBold: string;
        thin: string;
    };
    letterSpacings: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    lineHeights: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    radii: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        round: string;
    };
    shadows: {
        1: string;
        2: string;
        perfarmBackground: string;
    };
    space: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    transitions: {
        easeInOut02: string;
    };
    zIndices: {
        appBar: number;
        drawer: number;
        modal: number;
        snackbar: number;
        tooltip: number;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
        fontSize: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
    marginX: (value: Stitches.PropertyValue<'margin'>) => {
        marginLeft: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    marginY: (value: Stitches.PropertyValue<'margin'>) => {
        marginBottom: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: Stitches.PropertyValue<'padding'>) => {
        paddingLeft: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: Stitches.PropertyValue<'padding'>) => {
        paddingBottom: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
    variants?: {
        [x: string]: {
            [x: string]: CSS;
            [x: number]: CSS;
        };
    } | undefined;
    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & {
        css: CSS;
    })[] | undefined;
    defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
} & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, import("@stitches/react/types/css-util").CSS<{
    lg: "(min-width: 1200px)";
    md: "(min-width: 900px)";
    sm: "(min-width: 600px)";
    xl: "(min-width: 1536px)";
    xs: "(min-width: 0px)";
}, {
    colors: {
        black: string;
        white: string;
        blackOpacity04: string;
        blackOpacity1: string;
        blackOpacity3: string;
        blackOpacity5: string;
        blackOpacity9: string;
        gray50: string;
        gray100: string;
        gray200: string;
        gray300: string;
        gray400: string;
        gray500: string;
        gray600: string;
        gray700: string;
        gray800: string;
        gray900: string;
        perfarmBackground: string;
        perfarmLighterBlue: string;
        darkGray: string;
        gray: string;
        lighterGray: string;
        lightGray: string;
        mediumGray: string;
        pastureGreen: string;
        pastureGreenDark: string;
        pastureGreenHover: string;
        pastureGreenLight: string;
        pastureGreenLighter: string;
        pastureGreenWhitened: string;
        warningRedAlert: string;
        warningRedDark: string;
        warningRedHover: string;
        warningRedLight: string;
        warningRedLighter: string;
        warningRedWhitened: string;
        resourceYellow: string;
        resourceYellowDark: string;
        resourceYellowHover: string;
        resourceYellowLight: string;
        resourceYellowLighter: string;
        resourceYellowWhitened: string;
    };
    fonts: {
        montserrat: string;
    };
    fontSizes: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    fontWeights: {
        bold: string;
        extraBold: string;
        extraLight: string;
        light: string;
        medium: string;
        normal: string;
        semiBold: string;
        thin: string;
    };
    letterSpacings: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    lineHeights: {
        body1: string;
        body2: string;
        body3: string;
        body4: string;
        body5: string;
        body6: string;
        body7: string;
        description1: string;
        description2: string;
        description3: string;
        description4: string;
        display1: string;
        display2: string;
        display3: string;
        display4: string;
        headline1: string;
        headline2: string;
        headline3: string;
        headline4: string;
        headline5: string;
        headline6: string;
    };
    radii: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        round: string;
    };
    shadows: {
        1: string;
        2: string;
        perfarmBackground: string;
    };
    space: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    transitions: {
        easeInOut02: string;
    };
    zIndices: {
        appBar: number;
        drawer: number;
        modal: number;
        snackbar: number;
        tooltip: number;
    };
}, import("@stitches/react/types/config").DefaultThemeMap, {
    fontX: (type: Stitches.PropertyValue<'fontSize'>) => {
        fontSize: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        letterSpacings: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
        lineHeight: {
            readonly [Stitches.$$PropertyValue]: "fontSize";
        };
    };
    hexToRgb: (color: Stitches.PropertyValue<'color'>) => string;
    marginX: (value: Stitches.PropertyValue<'margin'>) => {
        marginLeft: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginRight: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    marginY: (value: Stitches.PropertyValue<'margin'>) => {
        marginBottom: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
        marginTop: {
            readonly [Stitches.$$PropertyValue]: "margin";
        };
    };
    outlineColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        border: string;
        color: string;
        transition: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
        };
    };
    textColor: (color: Stitches.PropertyValue<'color'>) => {
        backgroundColor: string;
        borderColor: string;
        color: string;
        '&:hover': {
            backgroundColor: string;
            color: {
                readonly [Stitches.$$PropertyValue]: "color";
            };
        };
        '&:active': {
            backgroundColor: string;
            transition: string;
        };
    };
    paddingX: (value: Stitches.PropertyValue<'padding'>) => {
        paddingLeft: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingRight: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
    paddingY: (value: Stitches.PropertyValue<'padding'>) => {
        paddingBottom: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
        paddingTop: {
            readonly [Stitches.$$PropertyValue]: "padding";
        };
    };
}>>, theme: string & {
    className: string;
    selector: string;
} & {
    colors: {
        black: import("@stitches/react/types/theme").Token<"black", string, "colors", "">;
        white: import("@stitches/react/types/theme").Token<"white", string, "colors", "">;
        blackOpacity04: import("@stitches/react/types/theme").Token<"blackOpacity04", string, "colors", "">;
        blackOpacity1: import("@stitches/react/types/theme").Token<"blackOpacity1", string, "colors", "">;
        blackOpacity3: import("@stitches/react/types/theme").Token<"blackOpacity3", string, "colors", "">;
        blackOpacity5: import("@stitches/react/types/theme").Token<"blackOpacity5", string, "colors", "">;
        blackOpacity9: import("@stitches/react/types/theme").Token<"blackOpacity9", string, "colors", "">;
        gray50: import("@stitches/react/types/theme").Token<"gray50", string, "colors", "">;
        gray100: import("@stitches/react/types/theme").Token<"gray100", string, "colors", "">;
        gray200: import("@stitches/react/types/theme").Token<"gray200", string, "colors", "">;
        gray300: import("@stitches/react/types/theme").Token<"gray300", string, "colors", "">;
        gray400: import("@stitches/react/types/theme").Token<"gray400", string, "colors", "">;
        gray500: import("@stitches/react/types/theme").Token<"gray500", string, "colors", "">;
        gray600: import("@stitches/react/types/theme").Token<"gray600", string, "colors", "">;
        gray700: import("@stitches/react/types/theme").Token<"gray700", string, "colors", "">;
        gray800: import("@stitches/react/types/theme").Token<"gray800", string, "colors", "">;
        gray900: import("@stitches/react/types/theme").Token<"gray900", string, "colors", "">;
        perfarmBackground: import("@stitches/react/types/theme").Token<"perfarmBackground", string, "colors", "">;
        perfarmLighterBlue: import("@stitches/react/types/theme").Token<"perfarmLighterBlue", string, "colors", "">;
        darkGray: import("@stitches/react/types/theme").Token<"darkGray", string, "colors", "">;
        gray: import("@stitches/react/types/theme").Token<"gray", string, "colors", "">;
        lighterGray: import("@stitches/react/types/theme").Token<"lighterGray", string, "colors", "">;
        lightGray: import("@stitches/react/types/theme").Token<"lightGray", string, "colors", "">;
        mediumGray: import("@stitches/react/types/theme").Token<"mediumGray", string, "colors", "">;
        pastureGreen: import("@stitches/react/types/theme").Token<"pastureGreen", string, "colors", "">;
        pastureGreenDark: import("@stitches/react/types/theme").Token<"pastureGreenDark", string, "colors", "">;
        pastureGreenHover: import("@stitches/react/types/theme").Token<"pastureGreenHover", string, "colors", "">;
        pastureGreenLight: import("@stitches/react/types/theme").Token<"pastureGreenLight", string, "colors", "">;
        pastureGreenLighter: import("@stitches/react/types/theme").Token<"pastureGreenLighter", string, "colors", "">;
        pastureGreenWhitened: import("@stitches/react/types/theme").Token<"pastureGreenWhitened", string, "colors", "">;
        warningRedAlert: import("@stitches/react/types/theme").Token<"warningRedAlert", string, "colors", "">;
        warningRedDark: import("@stitches/react/types/theme").Token<"warningRedDark", string, "colors", "">;
        warningRedHover: import("@stitches/react/types/theme").Token<"warningRedHover", string, "colors", "">;
        warningRedLight: import("@stitches/react/types/theme").Token<"warningRedLight", string, "colors", "">;
        warningRedLighter: import("@stitches/react/types/theme").Token<"warningRedLighter", string, "colors", "">;
        warningRedWhitened: import("@stitches/react/types/theme").Token<"warningRedWhitened", string, "colors", "">;
        resourceYellow: import("@stitches/react/types/theme").Token<"resourceYellow", string, "colors", "">;
        resourceYellowDark: import("@stitches/react/types/theme").Token<"resourceYellowDark", string, "colors", "">;
        resourceYellowHover: import("@stitches/react/types/theme").Token<"resourceYellowHover", string, "colors", "">;
        resourceYellowLight: import("@stitches/react/types/theme").Token<"resourceYellowLight", string, "colors", "">;
        resourceYellowLighter: import("@stitches/react/types/theme").Token<"resourceYellowLighter", string, "colors", "">;
        resourceYellowWhitened: import("@stitches/react/types/theme").Token<"resourceYellowWhitened", string, "colors", "">;
    };
    fonts: {
        montserrat: import("@stitches/react/types/theme").Token<"montserrat", string, "fonts", "">;
    };
    fontSizes: {
        body1: import("@stitches/react/types/theme").Token<"body1", string, "fontSizes", "">;
        body2: import("@stitches/react/types/theme").Token<"body2", string, "fontSizes", "">;
        body3: import("@stitches/react/types/theme").Token<"body3", string, "fontSizes", "">;
        body4: import("@stitches/react/types/theme").Token<"body4", string, "fontSizes", "">;
        body5: import("@stitches/react/types/theme").Token<"body5", string, "fontSizes", "">;
        body6: import("@stitches/react/types/theme").Token<"body6", string, "fontSizes", "">;
        body7: import("@stitches/react/types/theme").Token<"body7", string, "fontSizes", "">;
        description1: import("@stitches/react/types/theme").Token<"description1", string, "fontSizes", "">;
        description2: import("@stitches/react/types/theme").Token<"description2", string, "fontSizes", "">;
        description3: import("@stitches/react/types/theme").Token<"description3", string, "fontSizes", "">;
        description4: import("@stitches/react/types/theme").Token<"description4", string, "fontSizes", "">;
        display1: import("@stitches/react/types/theme").Token<"display1", string, "fontSizes", "">;
        display2: import("@stitches/react/types/theme").Token<"display2", string, "fontSizes", "">;
        display3: import("@stitches/react/types/theme").Token<"display3", string, "fontSizes", "">;
        display4: import("@stitches/react/types/theme").Token<"display4", string, "fontSizes", "">;
        headline1: import("@stitches/react/types/theme").Token<"headline1", string, "fontSizes", "">;
        headline2: import("@stitches/react/types/theme").Token<"headline2", string, "fontSizes", "">;
        headline3: import("@stitches/react/types/theme").Token<"headline3", string, "fontSizes", "">;
        headline4: import("@stitches/react/types/theme").Token<"headline4", string, "fontSizes", "">;
        headline5: import("@stitches/react/types/theme").Token<"headline5", string, "fontSizes", "">;
        headline6: import("@stitches/react/types/theme").Token<"headline6", string, "fontSizes", "">;
    };
    fontWeights: {
        bold: import("@stitches/react/types/theme").Token<"bold", string, "fontWeights", "">;
        extraBold: import("@stitches/react/types/theme").Token<"extraBold", string, "fontWeights", "">;
        extraLight: import("@stitches/react/types/theme").Token<"extraLight", string, "fontWeights", "">;
        light: import("@stitches/react/types/theme").Token<"light", string, "fontWeights", "">;
        medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", "">;
        normal: import("@stitches/react/types/theme").Token<"normal", string, "fontWeights", "">;
        semiBold: import("@stitches/react/types/theme").Token<"semiBold", string, "fontWeights", "">;
        thin: import("@stitches/react/types/theme").Token<"thin", string, "fontWeights", "">;
    };
    letterSpacings: {
        body1: import("@stitches/react/types/theme").Token<"body1", string, "letterSpacings", "">;
        body2: import("@stitches/react/types/theme").Token<"body2", string, "letterSpacings", "">;
        body3: import("@stitches/react/types/theme").Token<"body3", string, "letterSpacings", "">;
        body4: import("@stitches/react/types/theme").Token<"body4", string, "letterSpacings", "">;
        body5: import("@stitches/react/types/theme").Token<"body5", string, "letterSpacings", "">;
        body6: import("@stitches/react/types/theme").Token<"body6", string, "letterSpacings", "">;
        body7: import("@stitches/react/types/theme").Token<"body7", string, "letterSpacings", "">;
        description1: import("@stitches/react/types/theme").Token<"description1", string, "letterSpacings", "">;
        description2: import("@stitches/react/types/theme").Token<"description2", string, "letterSpacings", "">;
        description3: import("@stitches/react/types/theme").Token<"description3", string, "letterSpacings", "">;
        description4: import("@stitches/react/types/theme").Token<"description4", string, "letterSpacings", "">;
        display1: import("@stitches/react/types/theme").Token<"display1", string, "letterSpacings", "">;
        display2: import("@stitches/react/types/theme").Token<"display2", string, "letterSpacings", "">;
        display3: import("@stitches/react/types/theme").Token<"display3", string, "letterSpacings", "">;
        display4: import("@stitches/react/types/theme").Token<"display4", string, "letterSpacings", "">;
        headline1: import("@stitches/react/types/theme").Token<"headline1", string, "letterSpacings", "">;
        headline2: import("@stitches/react/types/theme").Token<"headline2", string, "letterSpacings", "">;
        headline3: import("@stitches/react/types/theme").Token<"headline3", string, "letterSpacings", "">;
        headline4: import("@stitches/react/types/theme").Token<"headline4", string, "letterSpacings", "">;
        headline5: import("@stitches/react/types/theme").Token<"headline5", string, "letterSpacings", "">;
        headline6: import("@stitches/react/types/theme").Token<"headline6", string, "letterSpacings", "">;
    };
    lineHeights: {
        body1: import("@stitches/react/types/theme").Token<"body1", string, "lineHeights", "">;
        body2: import("@stitches/react/types/theme").Token<"body2", string, "lineHeights", "">;
        body3: import("@stitches/react/types/theme").Token<"body3", string, "lineHeights", "">;
        body4: import("@stitches/react/types/theme").Token<"body4", string, "lineHeights", "">;
        body5: import("@stitches/react/types/theme").Token<"body5", string, "lineHeights", "">;
        body6: import("@stitches/react/types/theme").Token<"body6", string, "lineHeights", "">;
        body7: import("@stitches/react/types/theme").Token<"body7", string, "lineHeights", "">;
        description1: import("@stitches/react/types/theme").Token<"description1", string, "lineHeights", "">;
        description2: import("@stitches/react/types/theme").Token<"description2", string, "lineHeights", "">;
        description3: import("@stitches/react/types/theme").Token<"description3", string, "lineHeights", "">;
        description4: import("@stitches/react/types/theme").Token<"description4", string, "lineHeights", "">;
        display1: import("@stitches/react/types/theme").Token<"display1", string, "lineHeights", "">;
        display2: import("@stitches/react/types/theme").Token<"display2", string, "lineHeights", "">;
        display3: import("@stitches/react/types/theme").Token<"display3", string, "lineHeights", "">;
        display4: import("@stitches/react/types/theme").Token<"display4", string, "lineHeights", "">;
        headline1: import("@stitches/react/types/theme").Token<"headline1", string, "lineHeights", "">;
        headline2: import("@stitches/react/types/theme").Token<"headline2", string, "lineHeights", "">;
        headline3: import("@stitches/react/types/theme").Token<"headline3", string, "lineHeights", "">;
        headline4: import("@stitches/react/types/theme").Token<"headline4", string, "lineHeights", "">;
        headline5: import("@stitches/react/types/theme").Token<"headline5", string, "lineHeights", "">;
        headline6: import("@stitches/react/types/theme").Token<"headline6", string, "lineHeights", "">;
    };
    radii: {
        1: import("@stitches/react/types/theme").Token<"1", string, "radii", "">;
        2: import("@stitches/react/types/theme").Token<"2", string, "radii", "">;
        3: import("@stitches/react/types/theme").Token<"3", string, "radii", "">;
        4: import("@stitches/react/types/theme").Token<"4", string, "radii", "">;
        5: import("@stitches/react/types/theme").Token<"5", string, "radii", "">;
        round: import("@stitches/react/types/theme").Token<"round", string, "radii", "">;
    };
    shadows: {
        1: import("@stitches/react/types/theme").Token<"1", string, "shadows", "">;
        2: import("@stitches/react/types/theme").Token<"2", string, "shadows", "">;
        perfarmBackground: import("@stitches/react/types/theme").Token<"perfarmBackground", string, "shadows", "">;
    };
    space: {
        1: import("@stitches/react/types/theme").Token<"1", string, "space", "">;
        2: import("@stitches/react/types/theme").Token<"2", string, "space", "">;
        3: import("@stitches/react/types/theme").Token<"3", string, "space", "">;
        4: import("@stitches/react/types/theme").Token<"4", string, "space", "">;
        5: import("@stitches/react/types/theme").Token<"5", string, "space", "">;
        6: import("@stitches/react/types/theme").Token<"6", string, "space", "">;
        7: import("@stitches/react/types/theme").Token<"7", string, "space", "">;
        8: import("@stitches/react/types/theme").Token<"8", string, "space", "">;
        9: import("@stitches/react/types/theme").Token<"9", string, "space", "">;
        10: import("@stitches/react/types/theme").Token<"10", string, "space", "">;
    };
    transitions: {
        easeInOut02: import("@stitches/react/types/theme").Token<"easeInOut02", string, "transitions", "">;
    };
    zIndices: {
        appBar: import("@stitches/react/types/theme").Token<"appBar", string, "zIndices", "">;
        drawer: import("@stitches/react/types/theme").Token<"drawer", string, "zIndices", "">;
        modal: import("@stitches/react/types/theme").Token<"modal", string, "zIndices", "">;
        snackbar: import("@stitches/react/types/theme").Token<"snackbar", string, "zIndices", "">;
        tooltip: import("@stitches/react/types/theme").Token<"tooltip", string, "zIndices", "">;
    };
};
