import { createGlobalTheme } from '@vanilla-extract/css'
import merge from 'lodash-es/merge'
import { vars } from './contract.css'
import { darkTheme } from './dark.css'
import { lightTheme } from './light.css'

const commonTheme = {
  color: {
    primary: '#52bf63',
  },
}

createGlobalTheme('html.dark', vars, merge(commonTheme, darkTheme))
createGlobalTheme('html', vars, merge(commonTheme, lightTheme))

// globalStyle('html.dark', {
//   colorScheme: 'dark',
// })