import { extendTheme, withDefaultColorScheme } from '@chakra-ui/react';
import { components } from './components.js';
import { colors } from './colors.js';
import { styles } from './styles.js';
import '@fontsource/inter';
import '@fontsource/inter/100.css';
import '@fontsource/inter/200.css';
import '@fontsource/inter/300.css';
import '@fontsource/inter/400.css';
import '@fontsource/inter/500.css';
import '@fontsource/inter/600.css';
import '@fontsource/inter/700.css';
import 'react-datepicker/dist/react-datepicker.css';

const theme = extendTheme(
  {
    initialColorMode: "light",
    useSystemColorMode: false,
    styles,
    colors,
    // Some of the usages of this theme still work with Ant design which uses zIndex: 1000
    // This part should go away once we complete the migration and we should let Chakra do the job.
    zIndices: {
      hide: -1,
      auto: "auto",
      base: 0,
      docked: 10,
      dropdown: 100,
      sticky: 110,
      banner: 120,
      overlay: 130,
      modal: 140,
      popover: 150,
      skipLink: 160,
      toast: 170,
      tooltip: 180
    },
    components,
    borders: {
      borderColor: "green.500"
    },
    fonts: {
      heading: "Inter, sans-serif",
      subHeading: "Inter, sans-serif",
      text: "Inter, sans-serif"
    },
    lineHeights: {
      base: "1.5"
    },
    fontSizes: {
      sm: "0.85rem",
      lg: "1.14rem",
      xl: "1.28rem"
    },
    shadows: { outline: `0 0 0 3px ${colors.focus[500]}` }
  },
  // Use 'colors.primary' as the default coloring.
  // Use 'colors.brand' for emphasis.
  withDefaultColorScheme({
    colorScheme: "darkblue"
  })
);
const toastOptions = {
  defaultOptions: {
    variant: "left-accent",
    position: "top-right",
    duration: 5e3,
    isClosable: true
  }
};

export { theme, toastOptions };
//# sourceMappingURL=theme.js.map
