const theme = { space : [ '0' , '0.25rem' , '0.5rem' , '0.75rem' , '1rem' , '1.5rem' , '2rem' , '2.5rem' , '3rem' , ] , fonts : { sansSerif : '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"' , monospace : 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace' , } , fontSizes : [ '0.75rem' , '0.875rem' , '1rem' , '1.125rem' , '1.25rem' , '1.5rem' , '2rem' , ] , fontWeights : { normal : 400 , medium : 500 , semibold : 600 , bold : 700 , } , lineHeights : { none : 1 , tight : 1.25 , normal : 1.5 , loose : 2 , } , colors : { primary : [ '#f8f9fa' , '#f1f3f5' , '#e9ecef' , '#dee2e6' , '#ced4da' , '#adb5bd' , '#868e96' , '#495057' , '#343a40' , '#212529' , ] , white : '#ffffff' , black : '#000000' , gray : [ '#f8f9fa' , '#f1f3f5' , '#e9ecef' , '#dee2e6' , '#ced4da' , '#adb5bd' , '#868e96' , '#495057' , '#343a40' , '#212529' , ] , green : [ '#ebfbee' , '#d3f9d8' , '#b2f2bb' , '#8ce99a' , '#69db7c' , '#51cf66' , '#40c057' , '#37b24d' , '#2f9e44' , '#2b8a3e' , ] , red : [ '#fff5f5' , '#ffe3e3' , '#ffc9c9' , '#ffa8a8' , '#ff8787' , '#ff6b6b' , '#fa5252' , '#f03e3e' , '#e03131' , '#c92a2a' , ] , yellow : [ '#fff9db' , '#fff3bf' , '#ffec99' , '#ffe066' , '#ffd43b' , '#fcc419' , '#fab005' , '#f59f00' , '#f08c00' , '#e67700' , ] , violet : [ '#f3f0ff' , '#e5dbff' , '#d0bfff' , '#b197fc' , '#9775fa' , '#845ef7' , '#7950f2' , '#7048e8' , '#6741d9' , '#5f3dc4' , ] , } , radii : [ '0' , '3px' , '6px' ] , shadows : { small : '0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)' , medium : '0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)' , large : '0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)' , } , mediaQueries : { small : '@media screen and (min-width: 40em)' , medium : '@media screen and (min-width: 48em)' , large : '@media screen and (min-width: 64em)' , } , } ; export default theme ;