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

export default {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {
			colors: {
				bg: '#1a1a22',
				'card-bg': '#252530',
				sidebar: '#1e1e28',
				accent: '#4a9eff',
				danger: '#e05555',
				success: '#4caf7c',
				warning: '#e8a944',
				info: '#5bc0de',
				muted: '#7a7a8e',
				border: '#333340',
				'tag-bg': '#3d3d50',
				'project-tag': '#7c6cf0',
				'person-ref': '#e17055',
				'company-tag': '#00b894',
				surface: '#252530'
			},
			typography: {
				invert: {
					css: {
						'--tw-prose-links': '#007acc',
						'--tw-prose-code': '#e0e0e0',
						'a': { textDecoration: 'underline' },
						'a:hover': { color: '#3399dd' }
					}
				}
			}
		}
	},
	plugins: [typography]
} satisfies Config;