import { resolve } from 'path'
import { defineWindiSetup } from '@slidev/types'
import colors from './colors'

export default defineWindiSetup(() => ({
  extract: {
    include: [
      resolve(__dirname, '../**/*.{vue,ts}'),
    ],
  },
  shortcuts: {
    // custom the default background
    'bg-main': 'bg-white text-[#181818] dark:(bg-[#121212] text-[#ddd])',
  },
  theme: {
    letterSpacing: {
      normal: '0',
      relaxed: '.05em',
      wide: '.075em',
      wider: '.15em',
      widest: '.2em'
    },
    extend: {
      fontFamily: {
        'jf-openhuninn': 'jf-openhuninn, ui-sans-serif, sans-serif',
      },
      colors,
    },
  },
}))