import typography from '@tailwindcss/typography';

/** @type {import('tailwindcss').Config} */
export default {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	darkMode: 'class',
	theme: {
		extend: {
			colors: {
				'bg-primary': 'var(--bg-primary)',
				'bg-secondary': 'var(--bg-secondary)',
				'text-primary': 'var(--text-primary)',
				'text-secondary': 'var(--text-secondary)',
				'border-color': 'var(--border-color)',
				'accent-blue': 'var(--accent-blue)',
				'accent-blue-dark': 'var(--accent-blue-dark)',
			},
			fontFamily: {
				sans: ['Inter', 'Nunito', 'Segoe UI', 'system-ui', '-apple-system', 'sans-serif'],
			},
		},
	},
	plugins: [typography],
};