export const colors = { background : '#fff' , accents01 : '#fafafa' , accents02 : '#eaeaea' , accents03 : '#999' , accents04 : '#888' , accents05 : '#666' , accents06 : '#444' , accents07 : '#333' , accents08 : '#111' , foreground : '#000' , error01 : '#ff1a1a' , error02 : '#e00' , error03 : '#c00' , success01 : '#3291ff' , success02 : '#0070f3' , success03 : '#0366d6' , warning01 : '#f7b955' , warning02 : '#f5a623' , warning03 : '#f49b0b' , highlight01 : '#ff0080' , highlight02 : '#f81ce5' , highlight03 : '#7928ca' , highlight04 : '#79ffe1' , black : '#000' , white : '#fff' , grey : '#666' , border : '#eaeaea' , red : '#da304c' , blue : '#0076ff' , yellow : '#ff0' , } ; export const fonts = { sansSerif : "'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif" , monospace : `Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono',
    'Bitstream Vera Sans Mono', 'Courier New', monospace, monospace` , } ; export const breakpoints = { xs : 0 , sm : 576 , md : 768 , lg : 992 , xl : 1200 , } ; export const widths = { md : 750 , lg : 970 , xl : 1140 , } ;