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';

const theme = extendTheme(
  {
    initialColorMode: "light",
    useSystemColorMode: false,
    styles,
    colors,
    components,
    borders: {
      borderColor: "green.500"
    },
    fonts: {
      heading: "Inter, sans-serif",
      subHeading: "Inter, sans-serif",
      text: "Inter, sans-serif"
    },
    shadows: { outline: `0 0 0 3px ${colors.focus[500]}` }
  },
  // Use 'colors.primary' as the default coloring.
  // Use 'colors.brand' for emphasis.
  withDefaultColorScheme({
    colorScheme: "primary"
  })
);

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