export declare const theme: {
    readonly breakpoints: readonly ["575px", "750px", "1000px", "1200px"];
    readonly colors: {
        readonly lightest: "hsl(0, 0%, 100%)";
        readonly gray100: "hsl(240, 20%, 95%)";
        readonly gray200: "hsl(240, 10%, 90%)";
        readonly gray300: "hsl(240, 5%, 85%)";
        readonly gray400: "rgba(175, 175, 175, 1)";
        readonly gray500: "hsl(240, 3%, 60%)";
        readonly darkest: "hsl(0, 0%, 0%)";
        readonly primary: "hsl(210, 100%, 50%)";
        readonly primaryActive: "rgba(0, 79, 158, 1)";
        readonly negative: "hsl(5, 100%, 60%)";
        readonly warning: "hsl(50, 100%, 50%)";
        readonly positive: "hsl(140, 60%, 50%)";
    };
    readonly fonts: {
        readonly sans: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
        readonly mono: "SF Mono, Consolas, Liberation Mono, Menlo, monospace";
    };
    readonly fontSizes: {
        readonly 1: "11px";
        readonly 2: "14px";
        readonly 3: "16px";
        readonly 4: "20px";
        readonly 5: "24px";
        readonly 6: "32px";
        readonly 7: "48px";
    };
    readonly space: {
        readonly 1: "4px";
        readonly 2: "8px";
        readonly 3: "12px";
        readonly 4: "16px";
        readonly 5: "24px";
        readonly 6: "32px";
        readonly 7: "40px";
        readonly 8: "48px";
        readonly 9: "64px";
        readonly 10: "96px";
        readonly 11: "124px";
    };
    readonly sizes: {
        readonly 1: "4px";
        readonly 2: "8px";
        readonly 3: "12px";
        readonly 4: "16px";
        readonly 5: "24px";
        readonly 6: "32px";
        readonly 7: "40px";
        readonly 8: "48px";
        readonly 9: "64px";
        readonly 10: "96px";
    };
    readonly lineHeights: {
        readonly 1: "16px";
        readonly 2: "20px";
        readonly 3: "24px";
        readonly 4: "28px";
        readonly 5: "32px";
        readonly 6: "36px";
    };
    readonly radii: {
        readonly 1: "2px";
        readonly 2: "4px";
        readonly 3: "6px";
        readonly 4: "8px";
    };
    readonly opacity: {
        readonly 1: "10%";
        readonly 2: "30%";
        readonly 3: "50%";
        readonly 4: "70%";
        readonly 5: "90%";
        readonly 6: "100%";
    };
};