export declare function remToPx(value: string): number; export declare function pxToRem(value: number): string; interface responsiveFontSizesInterface { sm: number; md: number; lg: number; xl: number; } export declare function responsiveFontSizes(size: responsiveFontSizesInterface): { "@media (min-width:600px)": { fontSize: string; }; "@media (min-width:900px)": { fontSize: string; }; "@media (min-width:1200px)": { fontSize: string; }; "@media (min-width:1440px)": { fontSize: string; }; }; export declare const primaryFont = "Inter, sans-serif"; export declare const secondaryFont = "Barlow, sans-serif"; export declare const typography: { fontFamily: string; fontSecondaryFamily: string; fontWeightThin: number; fontWeightNormal: number; fontWeightMedium: number; fontWeightSemiBold: number; fontWeightBold: number; h1: { "@media (min-width:600px)": { fontSize: string; }; "@media (min-width:900px)": { fontSize: string; }; "@media (min-width:1200px)": { fontSize: string; }; "@media (min-width:1440px)": { fontSize: string; }; lineHeight: string; letterSpacing: string; fontSize: string; }; h2: { lineHeight: string; letterSpacing: string; fontSize: string; }; h3: { letterSpacing: string; fontSize: string; }; h4: { letterSpacing: string; fontSize: string; }; h5: { letterSpacing: string; fontSize: string; }; subtitle1: { letterSpacing: string; fontSize: string; }; subtitle2: { letterSpacing: string; fontSize: string; }; subtitle3: { letterSpacing: string; fontSize: string; }; subtitle4: { letterSpacing: string; fontSize: string; }; subtitle5: { letterSpacing: string; fontSize: string; }; }; export {};