import type { Config } from 'tailwindcss';

export default {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	darkMode: 'class',
	theme: {
		extend: {
			fontFamily: {
				sans: ['Inter', 'system-ui', 'sans-serif']
			},
			colors: {
				// Semantic aliases over Tailwind slate
				background: 'hsl(var(--background) / <alpha-value>)',
				surface: 'hsl(var(--surface) / <alpha-value>)',
				'surface-raised': 'hsl(var(--surface-raised) / <alpha-value>)'
			}
		}
	},
	plugins: []
} satisfies Config;