/**
 * Typography tokens for AI Native Kit
 * Defines font sizes, line heights, and weights with embedded metadata
 *
 * @example
 * ```typescript
 * import { typography } from '@ainativekit/ui/tokens';
 * const h1Style = typography.heading1; // { fontSize: '36px', lineHeight: '40px', fontWeight: 600, className: 'ai-heading1', meta: {...} }
 * ```
 */
export declare const fontStack = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
export declare const typography: {
    readonly heading1: {
        readonly fontSize: "36px";
        readonly lineHeight: "40px";
        readonly fontWeight: 600;
        readonly letterSpacing: "-0.1px";
        readonly className: "ai-heading1";
        readonly meta: {
            readonly description: "Primary heading for page titles and hero sections";
            readonly usage: "Use for the main heading of a page or section. Should be used once per page.";
            readonly a11y: "Should map to semantic <h1> elements for proper document structure";
        };
    };
    readonly heading2: {
        readonly fontSize: "24px";
        readonly lineHeight: "28px";
        readonly fontWeight: 600;
        readonly letterSpacing: "-0.25px";
        readonly className: "ai-heading2";
        readonly meta: {
            readonly description: "Secondary heading for major sections";
            readonly usage: "Use for section headings and subsections within a page";
            readonly a11y: "Should map to semantic <h2> elements";
        };
    };
    readonly heading3: {
        readonly fontSize: "18px";
        readonly lineHeight: "26px";
        readonly fontWeight: 600;
        readonly letterSpacing: "-0.45px";
        readonly className: "ai-heading3";
        readonly meta: {
            readonly description: "Tertiary heading for subsections";
            readonly usage: "Use for subsection headings and card titles";
            readonly a11y: "Should map to semantic <h3> elements";
        };
    };
    readonly body: {
        readonly fontSize: "16px";
        readonly lineHeight: "26px";
        readonly fontWeight: 400;
        readonly letterSpacing: "-0.4px";
        readonly className: "ai-body";
        readonly meta: {
            readonly description: "Default body text for main content";
            readonly usage: "Use for paragraphs, descriptions, and general content";
            readonly a11y: "Standard reading size optimized for readability";
        };
    };
    readonly bodyEmph: {
        readonly fontSize: "16px";
        readonly lineHeight: "26px";
        readonly fontWeight: 600;
        readonly letterSpacing: "-0.4px";
        readonly className: "ai-body-emph";
        readonly meta: {
            readonly description: "Emphasized body text";
            readonly usage: "Use to emphasize key points within body text";
            readonly a11y: "Use <strong> or <b> for semantic emphasis";
        };
    };
    readonly bodyLight: {
        readonly fontSize: "16px";
        readonly lineHeight: "26px";
        readonly fontWeight: 300;
        readonly letterSpacing: "-0.4px";
        readonly className: "ai-body-light";
        readonly meta: {
            readonly description: "Light weight body text";
            readonly usage: "Use for subtle, less prominent body text or decorative elements";
            readonly a11y: "Ensure sufficient contrast when using lighter weights";
        };
    };
    readonly bodySmall: {
        readonly fontSize: "14px";
        readonly lineHeight: "18px";
        readonly fontWeight: 400;
        readonly letterSpacing: "-0.3px";
        readonly className: "ai-body-small";
        readonly meta: {
            readonly description: "Smaller body text for secondary information";
            readonly usage: "Use for supporting text, metadata, and less prominent content";
            readonly a11y: "Ensure text remains readable at this size";
        };
    };
    readonly bodySmallEmph: {
        readonly fontSize: "14px";
        readonly lineHeight: "18px";
        readonly fontWeight: 600;
        readonly letterSpacing: "-0.3px";
        readonly className: "ai-body-small-emph";
        readonly meta: {
            readonly description: "Emphasized smaller body text";
            readonly usage: "Use for emphasized secondary information";
            readonly a11y: "Use <strong> or <b> for semantic emphasis";
        };
    };
    readonly bodySmallLight: {
        readonly fontSize: "14px";
        readonly lineHeight: "18px";
        readonly fontWeight: 300;
        readonly letterSpacing: "-0.3px";
        readonly className: "ai-body-small-light";
        readonly meta: {
            readonly description: "Light weight smaller body text";
            readonly usage: "Use for subtle secondary information or decorative text";
            readonly a11y: "Ensure sufficient contrast and readability at this smaller size";
        };
    };
    readonly caption: {
        readonly fontSize: "12px";
        readonly lineHeight: "16px";
        readonly fontWeight: 400;
        readonly letterSpacing: "-0.1px";
        readonly className: "ai-caption";
        readonly meta: {
            readonly description: "Small text for captions and labels";
            readonly usage: "Use for image captions, input labels, and fine print";
            readonly a11y: "Minimum recommended size for readability";
        };
    };
    readonly captionEmph: {
        readonly fontSize: "12px";
        readonly lineHeight: "16px";
        readonly fontWeight: 600;
        readonly letterSpacing: "-0.1px";
        readonly className: "ai-caption-emph";
        readonly meta: {
            readonly description: "Emphasized caption text";
            readonly usage: "Use for emphasized labels and important captions";
            readonly a11y: "Ensure adequate contrast for accessibility";
        };
    };
    readonly button: {
        readonly fontSize: "15px";
        readonly lineHeight: "24px";
        readonly fontWeight: 500;
        readonly letterSpacing: "-0.24px";
        readonly className: "ai-button";
        readonly meta: {
            readonly description: "Button and interactive element text";
            readonly usage: "Use for buttons, links, and interactive controls";
            readonly a11y: "Size optimized for touch targets (min 44px height)";
        };
    };
    readonly badge: {
        readonly fontSize: "14px";
        readonly lineHeight: "18px";
        readonly fontWeight: 600;
        readonly letterSpacing: "0px";
        readonly className: "ai-badge";
        readonly meta: {
            readonly description: "Badge and tag text";
            readonly usage: "Use for status badges, tags, and chips";
            readonly a11y: "Ensure badges have proper semantic meaning";
        };
    };
};
export type TypographyToken = (typeof typography)[keyof typeof typography];
//# sourceMappingURL=typography.d.ts.map