declare type ThemeOptions = {
    mode: 'desktop' | 'mobile';
};
export declare const getTheme: ({ mode }: ThemeOptions) => {
    mode: "desktop" | "mobile";
    color: {
        /** ---------- TYPES ------------- */
        primary: {
            base: string;
            background: string;
        };
        success: {
            base: string;
            background: string;
        };
        warning: {
            base: string;
            background: string;
        };
        error: {
            base: string;
            background: string;
        };
        link: {
            base: string;
            background: string;
        };
        disabled: {
            base: string;
            background: string;
        };
        /** ---------- AREAS ------------- */
        page: {
            background: string;
            /** The scrollbar is custom in this application */
            scrollbarThumb: string;
        };
        card: {
            background: string;
            separator: string;
        };
        cardInverted: {
            background: string;
            separator: string;
        };
        /** Used for header/footer */
        marginal: {
            background: string;
            border: string;
        };
        sidebar: {
            background: string;
            separator: string;
        };
        /** ---------- OTHER ------------- */
        /** Form-related colors */
        form: {
            /** Used to indicate a change that is generally user made and not yet saved */
            changed: string;
            focusPrimary: string;
            focusSecondary: string;
            labelText: string;
            border: string;
        };
        text: {
            base: string;
            highlight: string;
            muted: string;
            inverted: string;
        };
        /** Colors used in header graphics */
        headerIcon: {
            fill: string;
            border: string;
            background: string;
            gradientStart: string;
            gradientStop: string;
        };
        /** Color of the small, interactable indicators such as chevrons or close icons */
        discreet: {
            base: string;
            hover: string;
        };
    };
    font: {
        family: {
            header: string;
            base: string;
            code: string;
        };
        size: {
            largest: string;
            larger: string;
            large: string;
            base: string;
            small: string;
            smaller: string;
        };
        weight: {
            /** 700 */
            bold: number;
            /** 600, does not exist for Roboto */
            semiBold: number;
            /** 500 */
            medium: number;
            /** 400 */
            base: number;
            /** 300 */
            thin: number;
        };
    };
};
export declare type Theme = ReturnType<typeof getTheme>;
export {};