import { Theme } from 'theme-ui' ; export const theme = { space : [ 0 , 4 , 8 , 16 , 32 , 64 , 128 , 256 , 512 ] , fonts : { body : 'system-ui, sans-serif' , heading : 'system-ui, sans-serif' , monospace : 'Menlo, monospace' , } , fontSizes : [ 12 , 14 , 16 , 24 , 32 , 48 , 64 , 96 , 128 ] , fontWeights : { body : 400 , heading : 700 , bold : 700 , } , lineHeights : { body : 1.88 , heading : 1.25 , } , colors : { text : '#223634' , background : '#FAFFFD' , primary : '#009B7F' , secondary : '#DF6800' , accent : '#609' , muted : '#EBE3D6' , } , radii : [ 0 , 4 , 8 , 16 , 20 , 50 ] , buttons : { primary : { color : 'background' , bg : 'primary' , '&:hover' : { bg : 'text' , } , } , secondary : { color : 'background' , bg : 'secondary' , } , } , styles : { root : { fontFamily : 'body' , lineHeight : 'body' , fontWeight : 'body' , } , h1 : { color : 'text' , fontFamily : 'heading' , lineHeight : 'heading' , fontWeight : 'heading' , fontSize : 5 , } , h2 : { color : 'text' , fontFamily : 'heading' , lineHeight : 'heading' , fontWeight : 'heading' , fontSize : 4 , } , h3 : { color : 'text' , fontFamily : 'heading' , lineHeight : 'heading' , fontWeight : 'heading' , fontSize : 3 , } , h4 : { color : 'text' , fontFamily : 'heading' , lineHeight : 'heading' , fontWeight : 'heading' , fontSize : 2 , } , h5 : { color : 'text' , fontFamily : 'heading' , lineHeight : 'heading' , fontWeight : 'heading' , fontSize : 1 , } , h6 : { color : 'text' , fontFamily : 'heading' , lineHeight : 'heading' , fontWeight : 'heading' , fontSize : 0 , } , p : { color : 'text' , fontFamily : 'body' , fontWeight : 'body' , lineHeight : 'body' , } , a : { color : 'primary' , } , pre : { fontFamily : 'monospace' , overflowX : 'auto' , code : { color : 'inherit' , } , } , code : { fontFamily : 'monospace' , fontSize : 'inherit' , } , table : { width : '100%' , borderCollapse : 'separate' , borderSpacing : 0 , } , th : { textAlign : 'left' , borderBottomStyle : 'solid' , } , td : { textAlign : 'left' , borderBottomStyle : 'solid' , } , img : { maxWidth : '100%' , } , } , } ;