/** @type {import('tailwindcss').Config} */
export default {
	content: [
		'./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}',
		'../../packages/shared-landing-ui/src/**/*.{astro,html,js,jsx,ts,tsx}',
	],
	theme: {
		extend: {
			colors: {
				// Todo app theme - green/teal
				primary: {
					DEFAULT: '#10b981',
					50: '#ecfdf5',
					100: '#d1fae5',
					200: '#a7f3d0',
					300: '#6ee7b7',
					400: '#34d399',
					500: '#10b981',
					600: '#059669',
					700: '#047857',
					800: '#065f46',
					900: '#064e3b',
					950: '#022c22',
				},
				dark: {
					bg: '#0a0a0a',
					surface: '#111111',
					card: '#1a1a1a',
					border: '#262626',
				},
				// CSS variable mappings for shared-landing-ui compatibility
				background: {
					page: 'var(--color-background-page, #0a0a0a)',
					card: 'var(--color-background-card, #1a1a1a)',
					'card-hover': 'var(--color-background-card-hover, #242424)',
				},
				text: {
					primary: 'var(--color-text-primary, #ffffff)',
					secondary: 'var(--color-text-secondary, #d1d5db)',
					muted: 'var(--color-text-muted, #9ca3af)',
				},
				border: {
					DEFAULT: 'var(--color-border, #262626)',
					hover: 'var(--color-border-hover, #3f3f3f)',
				},
			},
			fontFamily: {
				sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
			},
		},
	},
	plugins: [require('@tailwindcss/typography')],
};
