1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
export const theme = {    colors: {        white: '#fff',        black: '#000',        'gray-25': '#090909',        'gray-50': '#151515',        'gray-100': '#242424',        'gray-200': '#333',        'gray-300': '#959595',        'gray-400': '#b0b0b0',        'gray-500': '#eee',        'accent-100': '#ed553b',        'accent-200': '#0894a1',        'accent-300': '#8c76ff',        'accent-400': '#30a5b0',        'accent-500': '#f17964',        error: 'tomato'    },    sizes: {        100: '0.125em',        200: '0.25em',        300: '0.5em',        400: '1em',        500: '2em',        600: '3em',        700: '4em'    },    fontSizes: {        100: '0.75em',        200: '1em',        300: '1.25em',        400: '1.75em',        500: '2.5em',        600: '3.5em'    },    widthSmall: '766px',    maxWidth: '1024px'};
export const props = [    'as',    'bg',    'border',    'size',    'centered',    'horizontal',    'reactive',    'flex',    'full',    'onTop',    'rounded',    'max',    'secondary',    'faded',    'accent',    'bold',    'color',    'mono',    'spaced',    'superSpaced',    'ph',    'pl',    'pr'];