export declare const background: {
    app: string;
    light: string;
    positive: string;
    negative: string;
    warning: string;
    calmBlue: string;
};
export declare const color: {
    primary: string;
    primaryLight: string;
    lightest: string;
    lighter: string;
    light: string;
    mediumlight: string;
    medium: string;
    mediumdark: string;
    dark: string;
    darker: string;
    darkest: string;
    border: string;
    supported: string;
    disputed: string;
    conflicting: string;
    unknown: string;
};
export declare const spacing: {
    padding: {
        small: number;
        medium: number;
        large: number;
    };
    borderRadius: {
        small: number;
        default: number;
    };
};
export declare const typography: {
    readonly type: {
        readonly primary: "\"Arizona Serif\", \"Georgia\", sans-serif";
        readonly secondary: "\"DM Mono\", monospace";
    };
    readonly weight: {
        readonly regular: "400";
        readonly bold: "700";
    };
    readonly size: {
        readonly s1: 16;
        readonly s2: 21;
        readonly s3: 28;
        readonly m1: 38;
        readonly m2: 50;
        readonly m3: 68;
        readonly l1: 90;
        readonly l2: 120;
        readonly l3: 160;
        readonly code: 38;
    };
};
export declare const breakpoint = 600;
export declare const pageMargin = 5.55555;
export declare const pageMargins: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
export declare const hoverEffect: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
export declare const zIndex: {
    tooltip: number;
};
