import 'vuetify/styles'
import '@mdi/font/css/materialdesignicons.css'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import { aliases, mdi } from 'vuetify/iconsets/mdi'

export default createVuetify({
  components,
  directives,
  icons: {
    defaultSet: 'mdi',
    aliases,
    sets: { mdi },
  },
  theme: {
    defaultTheme: 'light',
    themes: {
      light: {
        colors: {
          primary: '#2d5f3b',
          secondary: '#4a7c59',
          accent: '#6b8e23',
          surface: '#fffdf8',
          background: '#f5f7f2',
          info: '#286c7a',
        },
        variables: {
          'border-radius-root': '12px',
        },
      },
    },
  },
})