import { extendTheme } from '@chakra-ui/react';

export const theme = extendTheme({
  fonts: {
    body: [
      '-system-ui,-apple-system,BlinkMacSystemFont',
      'Source Han Sans CN,Noto Sans CJK SC',
      'Segoe UI,Helvetica,Arial,sans-serif',
      'Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol',
    ].join(','),
  },
  components: {
    Button: {
      baseStyle: {
        fontWeight: 'normal',
      },
      defaultProps: {
        colorScheme: 'teal',
      },
    },
  },
  styles: {
    global: {
      body: {
        minHeight: '100vh',
      },
    },
  },
  sizes: {
    footer: {
      container: '7rem',
      content: '5rem',
    },
  },
});