declare const FONT_FAMILY_SANS = "\"Figtree\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
interface TypographyStyle {
    fontWeight: number;
    fontSize: string;
    lineHeight: string;
    letterSpacing?: string;
    textTransform?: "uppercase" | "none";
}
/** Display — hero and major titles */
declare const TYPOGRAPHY_DISPLAY: {
    readonly large: TypographyStyle;
    readonly medium: TypographyStyle;
    readonly small: TypographyStyle;
};
/** Headings H1–H6 */
declare const TYPOGRAPHY_HEADING: {
    readonly h1: TypographyStyle;
    readonly h2: TypographyStyle;
    readonly h3: TypographyStyle;
    readonly h4: TypographyStyle;
    readonly h5: TypographyStyle;
    readonly h6: TypographyStyle;
};
/** Body text */
declare const TYPOGRAPHY_BODY: {
    readonly large: TypographyStyle;
    readonly medium: TypographyStyle;
    readonly small: TypographyStyle;
};
/** Labels — buttons, form labels, badges */
declare const TYPOGRAPHY_LABEL: {
    readonly large: TypographyStyle;
    readonly medium: TypographyStyle;
    readonly small: TypographyStyle;
};
/** Button — interactive control text (weight 600 / SemiBold) */
declare const TYPOGRAPHY_BUTTON: {
    readonly default: TypographyStyle;
    readonly xs: TypographyStyle;
};
/** Utility — caption, overline, code */
declare const TYPOGRAPHY_UTILITY: {
    readonly caption: TypographyStyle;
    readonly overline: TypographyStyle;
    readonly code: TypographyStyle;
};
declare const TYPOGRAPHY: {
    readonly display: {
        readonly large: TypographyStyle;
        readonly medium: TypographyStyle;
        readonly small: TypographyStyle;
    };
    readonly heading: {
        readonly h1: TypographyStyle;
        readonly h2: TypographyStyle;
        readonly h3: TypographyStyle;
        readonly h4: TypographyStyle;
        readonly h5: TypographyStyle;
        readonly h6: TypographyStyle;
    };
    readonly body: {
        readonly large: TypographyStyle;
        readonly medium: TypographyStyle;
        readonly small: TypographyStyle;
    };
    readonly label: {
        readonly large: TypographyStyle;
        readonly medium: TypographyStyle;
        readonly small: TypographyStyle;
    };
    readonly button: {
        readonly default: TypographyStyle;
        readonly xs: TypographyStyle;
    };
    readonly utility: {
        readonly caption: TypographyStyle;
        readonly overline: TypographyStyle;
        readonly code: TypographyStyle;
    };
};
/** Responsive overrides — Desktop (default), Tablet (≤1024px), Mobile (≤768px) */
declare const TYPOGRAPHY_RESPONSIVE: {
    readonly tablet: {
        readonly "display-large": TypographyStyle;
        readonly "display-medium": TypographyStyle;
        readonly "display-small": TypographyStyle;
    };
    readonly mobile: {
        readonly "display-large": TypographyStyle;
        readonly "display-medium": TypographyStyle;
        readonly h1: TypographyStyle;
        readonly h2: TypographyStyle;
    };
};
/** Build all typography CSS variables as a flat Record for :root injection */
declare function getTypographyCssVars(fontFamily?: string): Record<string, string>;
/** Build responsive CSS variable overrides for a given breakpoint */
declare function getResponsiveTypographyCssVars(breakpoint: "tablet" | "mobile"): Record<string, string>;

export { FONT_FAMILY_SANS, TYPOGRAPHY, TYPOGRAPHY_BODY, TYPOGRAPHY_BUTTON, TYPOGRAPHY_DISPLAY, TYPOGRAPHY_HEADING, TYPOGRAPHY_LABEL, TYPOGRAPHY_RESPONSIVE, TYPOGRAPHY_UTILITY, type TypographyStyle, getResponsiveTypographyCssVars, getTypographyCssVars };