/**
 * Centralized theme configuration
 * Change these values to update colors across the entire application
 */
export declare const THEME: {
    readonly primary: {
        readonly hex: "#059669";
        readonly tailwind: "emerald";
        readonly darker: "#047857";
        readonly lighter: "#10b981";
        readonly lightest: "#d1fae5";
    };
    readonly colors: {
        readonly bg: "bg-emerald-600";
        readonly bgHover: "bg-emerald-700";
        readonly bgLight: "bg-emerald-100";
        readonly bgLighter: "bg-emerald-50";
        readonly text: "text-emerald-600";
        readonly textHover: "text-emerald-700";
        readonly textLight: "text-emerald-100";
        readonly border: "border-emerald-600";
        readonly borderLight: "border-emerald-200";
    };
    readonly typography: {
        readonly fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
        readonly heading: {
            readonly weight: "600";
            readonly size: {
                readonly sm: "0.875rem";
                readonly md: "1rem";
                readonly lg: "1.125rem";
                readonly xl: "1.25rem";
            };
        };
        readonly body: {
            readonly weight: "400";
            readonly size: {
                readonly sm: "0.75rem";
                readonly md: "0.875rem";
                readonly lg: "1rem";
            };
        };
    };
    readonly spacing: {
        readonly xs: "0.5rem";
        readonly sm: "0.75rem";
        readonly md: "1rem";
        readonly lg: "1.5rem";
        readonly xl: "2rem";
    };
};
export declare const getButtonGradient: (color?: string) => string;
export declare const getHeaderGradient: (color?: string) => string;
export declare const getHoverColor: () => "#047857";