/** * Typography System - Fluid & Canonical * * Typography follows a mathematical scale using CSS clamp() * for fluid responsiveness without breakpoint jumps. * * "Typography is the craft of endowing human language with a durable visual form" - Robert Bringhurst * * @see /STANDARDS.md - Section 1.1 Typography */ export declare const typography: { readonly family: { readonly sans: "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif"; readonly mono: "\"JetBrains Mono\", \"Fira Code\", \"SF Mono\", Consolas, monospace"; readonly serif: "Georgia, \"Times New Roman\", serif"; }; readonly weight: { readonly regular: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; }; readonly leading: { readonly tight: "1.25"; readonly snug: "1.375"; readonly normal: "1.5"; readonly relaxed: "1.625"; readonly loose: "1.75"; }; readonly tracking: { readonly tighter: "-0.025em"; readonly tight: "-0.015em"; readonly normal: "0"; readonly wide: "0.025em"; readonly wider: "0.05em"; readonly widest: "0.1em"; }; readonly scale: { readonly 'display-xl': "clamp(3.5rem, 5vw + 2rem, 7rem)"; readonly display: "clamp(2.5rem, 4vw + 1.5rem, 5rem)"; readonly h1: "clamp(2rem, 3vw + 1rem, 3.5rem)"; readonly h2: "clamp(1.5rem, 2vw + 0.75rem, 2.25rem)"; readonly h3: "clamp(1.25rem, 1.5vw + 0.5rem, 1.75rem)"; readonly h4: "clamp(1.125rem, 1vw + 0.5rem, 1.5rem)"; readonly h5: "clamp(1rem, 0.5vw + 0.75rem, 1.25rem)"; readonly h6: "clamp(0.875rem, 0.25vw + 0.75rem, 1rem)"; readonly 'body-lg': "1.125rem"; readonly body: "1rem"; readonly 'body-sm': "0.875rem"; readonly caption: "0.75rem"; readonly overline: "0.6875rem"; }; }; export type FontFamily = keyof typeof typography.family; export type FontWeight = keyof typeof typography.weight; export type LineHeight = keyof typeof typography.leading; export type LetterSpacing = keyof typeof typography.tracking; export type TypeScale = keyof typeof typography.scale; /** * CSS custom property names for typography */ export declare const typographyVars: { readonly '--font-sans': "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif"; readonly '--font-mono': "\"JetBrains Mono\", \"Fira Code\", \"SF Mono\", Consolas, monospace"; readonly '--font-serif': "Georgia, \"Times New Roman\", serif"; readonly '--font-regular': "400"; readonly '--font-medium': "500"; readonly '--font-semibold': "600"; readonly '--font-bold': "700"; readonly '--leading-tight': "1.25"; readonly '--leading-snug': "1.375"; readonly '--leading-normal': "1.5"; readonly '--leading-relaxed': "1.625"; readonly '--leading-loose': "1.75"; readonly '--tracking-tighter': "-0.025em"; readonly '--tracking-tight': "-0.015em"; readonly '--tracking-normal': "0"; readonly '--tracking-wide': "0.025em"; readonly '--tracking-wider': "0.05em"; readonly '--tracking-widest': "0.1em"; readonly '--text-display-xl': "clamp(3.5rem, 5vw + 2rem, 7rem)"; readonly '--text-display': "clamp(2.5rem, 4vw + 1.5rem, 5rem)"; readonly '--text-h1': "clamp(2rem, 3vw + 1rem, 3.5rem)"; readonly '--text-h2': "clamp(1.5rem, 2vw + 0.75rem, 2.25rem)"; readonly '--text-h3': "clamp(1.25rem, 1.5vw + 0.5rem, 1.75rem)"; readonly '--text-h4': "clamp(1.125rem, 1vw + 0.5rem, 1.5rem)"; readonly '--text-h5': "clamp(1rem, 0.5vw + 0.75rem, 1.25rem)"; readonly '--text-h6': "clamp(0.875rem, 0.25vw + 0.75rem, 1rem)"; readonly '--text-body-lg': "1.125rem"; readonly '--text-body': "1rem"; readonly '--text-body-sm': "0.875rem"; readonly '--text-caption': "0.75rem"; readonly '--text-overline': "0.6875rem"; }; /** * Generate CSS custom properties string */ export declare function generateTypographyCSS(): string; /** * Get heading styles (font-size + letter-spacing + line-height) */ export declare function getHeadingStyles(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'): { fontSize: string; letterSpacing: string; lineHeight: string; fontWeight: string; };