/**
 * Color tokens for AI Native Kit
 * Defines color palette for light and dark themes
 *
 * @example
 * ```typescript
 * import { colors } from '@ainativekit/ui';
 * const bgColor = colors.light.background.primary; // '#FFFFFF'
 * ```
 */
export declare const colors: {
    readonly light: {
        readonly background: {
            readonly primary: "#FFFFFF";
            readonly secondary: "#E8E8E8";
            readonly tertiary: "#F3F3F3";
        };
        readonly text: {
            readonly primary: "#0D0D0D";
            readonly secondary: "#5D5D5D";
            readonly tertiary: "#8F8F8F";
            readonly inverted: "#1B1B1F";
        };
        readonly icon: {
            readonly primary: "#0D0D0D";
            readonly secondary: "#5D5D5D";
            readonly tertiary: "#8F8F8F";
            readonly inverted: "#1B1B1F";
        };
        readonly accent: {
            readonly blue: "#0285FF";
            readonly red: "#E02E2A";
            readonly orange: "#E25507";
            readonly green: "#008635";
        };
        readonly brand: {
            readonly primary: "#0285FF";
            readonly success: "#008635";
            readonly warning: "#E25507";
            readonly error: "#E02E2A";
            readonly info: "#0285FF";
        };
        readonly outline: "#79747E";
        readonly border: {
            readonly light: "rgba(13, 13, 13, 0.05)";
            readonly default: "rgba(13, 13, 13, 0.10)";
            readonly heavy: "rgba(13, 13, 13, 0.15)";
        };
        readonly state: {
            readonly hover: {
                readonly background: "rgba(13, 13, 13, 0.08)";
                readonly opacity: 0.9;
            };
            readonly active: {
                readonly opacity: 1;
                readonly scale: 0.98;
            };
            readonly disabled: {
                readonly opacity: 0.4;
            };
            readonly focus: {
                readonly outline: "#0285FF";
                readonly offset: "2px";
            };
        };
    };
    readonly dark: {
        readonly background: {
            readonly primary: "#212121";
            readonly secondary: "#303030";
            readonly tertiary: "#414141";
        };
        readonly text: {
            readonly primary: "#FFFFFF";
            readonly secondary: "#CDCDCD";
            readonly tertiary: "#AFAFAF";
            readonly inverted: "#FFFFFF";
        };
        readonly icon: {
            readonly primary: "#FFFFFF";
            readonly secondary: "#CDCDCD";
            readonly tertiary: "#AFAFAF";
            readonly inverted: "#FFFFFF";
        };
        readonly accent: {
            readonly blue: "#0285FF";
            readonly red: "#FF8583";
            readonly orange: "#FF9E6C";
            readonly green: "#40C977";
        };
        readonly brand: {
            readonly primary: "#0285FF";
            readonly success: "#40C977";
            readonly warning: "#FF9E6C";
            readonly error: "#FF8583";
            readonly info: "#0285FF";
        };
        readonly outline: "#938F99";
        readonly border: {
            readonly light: "rgba(255, 255, 255, 0.08)";
            readonly default: "rgba(255, 255, 255, 0.12)";
            readonly heavy: "rgba(255, 255, 255, 0.16)";
        };
        readonly state: {
            readonly hover: {
                readonly background: "rgba(255, 255, 255, 0.08)";
                readonly opacity: 0.9;
            };
            readonly active: {
                readonly opacity: 1;
                readonly scale: 0.98;
            };
            readonly disabled: {
                readonly opacity: 0.4;
            };
            readonly focus: {
                readonly outline: "#0285FF";
                readonly offset: "2px";
            };
        };
    };
};
export type ColorTheme = typeof colors.light;
export type ThemeMode = 'light' | 'dark';
//# sourceMappingURL=colors.d.ts.map