export const Colors = { background : "#FFFCF5" , textBlack : "#3D3D3D" , lightGray : "#DEDEDE" , sunRed : "#f28787" , paleCyan : "#CFFDFF" , paleGreen : "#9ce3c5" , palePink : "#ffe6e8" , paleBlue : "#a5c5fd" , paleYellow : "#fff59e" , } ; export const Typography = { heading1 : { fontFamily : "DM Serif Display, serif" , color : Colors . textBlack , fontSize : "52px" , lineHeight : 1.2 , fontWeight : 400 , } , heading2 : { fontFamily : "DM Serif Display, serif" , color : Colors . textBlack , fontSize : "36px" , lineHeight : 1.2 , fontWeight : 400 , } , bodyText : { fontFamily : `"Fira Code", monospace` , fontSize : 16 , lineHeight : 1.6 , color : Colors . textBlack , fontWeight : 400 , } , smallText : { fontFamily : `"Fira Code", monospace` , fontSize : 13 , lineHeight : 1.6 , color : Colors . textBlack , fontWeight : 400 , } , } ;