import type { Config } from 'tailwindcss';
import typography from '@tailwindcss/typography';

export default {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {
			colors: {
				bg: '#1e1e1e',
				'card-bg': '#2d2d2d',
				sidebar: '#252526',
				accent: '#007acc',
				danger: '#d9534f',
				success: '#5cb85c',
				warning: '#f0ad4e',
				info: '#5bc0de',
				muted: '#888',
				border: '#444',
				'tag-bg': '#44475a',
				'project-tag': '#6c5ce7',
				'person-ref': '#e17055'
			},
			typography: {
				invert: {
					css: {
						'--tw-prose-links': '#007acc',
						'--tw-prose-code': '#e0e0e0',
						'a': { textDecoration: 'underline' },
						'a:hover': { color: '#3399dd' }
					}
				}
			}
		}
	},
	plugins: [typography]
} satisfies Config;