import { mode, StyleFunctionProps } from '@chakra-ui/theme-tools'
import { Dict } from '@chakra-ui/utils'
import { fonts } from './foundations/fonts'

export const globalStyles = {
  styles: {
    global: (props: Dict<any> | StyleFunctionProps) => ({
      body: {
        bg: mode('#040C2D', '#040C2D')(props),
        fontFamily: `${fonts.default}, sans-serif`,
        color: '#FFFFFF;',
        fontSize: '16px',
        lineHeight: '24px',
        fontWeight: '400',
        overflowX: 'hidden',
      },
      html: {
        fontFamily: fonts.default,
      },
    }),
  },
}