import { join } from 'path'
import type { Config } from 'tailwindcss'
import { skeleton } from '@skeletonlabs/tw-plugin';
import { mpe_theme } from './src/mpe_theme'

export default {
	darkMode: 'class',
	content: ['./src/**/*.{html,js,svelte,ts}', join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')],
	theme: {
		extend: {
			fontFamily: {
				roboto: ['Roboto', 'Arial', 'sans-serif'], // Add custom font as the primary sans-serif font
			},
		},
	},
	plugins: [
		require('@tailwindcss/typography'),
		skeleton({
			themes: {
				custom: [
					mpe_theme,
				],
			},
		}),
	],
} satisfies Config;