import { type Config } from 'tailwindcss'

export default {
	content: ['{routes,islands,components}/**/*.{ts,tsx}'],
	theme: {
		extend: {
			fontFamily: {
				sans: [
					'ui-sans-serif',
					'system-ui',
					'sans-serif',
					'Apple Color Emoji',
					'Segoe UI Emoji',
					'Segoe UI Symbol',
					'Noto Color Emoji',
				],
				mono: ['iosevkalyte', 'ui-monospace', 'monospace'],
			},
			colors: {
				primary: 'var(--Sapphire)',

				rosewater: 'var(--Rosewater)',
				flamingo: 'var(--Flamingo)',
				pink: 'var(--Pink)',
				mauve: 'var(--Mauve)',
				red: 'var(--Red)',
				maroon: 'var(--Maroon)',
				peach: 'var(--Peach)',
				yellow: 'var(--Yellow)',
				green: 'var(--Green)',
				teal: 'var(--Teal)',
				sky: 'var(--Sky)',
				sapphire: 'var(--Sapphire)',
				blue: 'var(--Blue)',
				lavender: 'var(--Lavender)',
				text: 'var(--Text)',
				subtext1: 'var(--Subtext1)',
				subtext0: 'var(--Subtext0)',
				overlay2: 'var(--Overlay2)',
				overlay1: 'var(--Overlay1)',
				overlay0: 'var(--Overlay0)',
				surface2: 'var(--Surface2)',
				surface1: 'var(--Surface1)',
				surface0: 'var(--Surface0)',
				bg: 'var(--Base)',
				mantle: 'var(--Mantle)',
				crust: 'var(--Crust)',
			},
		},
	},
	plugins: [],
} satisfies Config