import type { Config } from 'tailwindcss';

export default {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {
			colors: {
				bg: {
					DEFAULT: 'hsl(var(--bg) / <alpha-value>)',
					elevated: 'hsl(var(--bg-elevated) / <alpha-value>)',
					muted: 'hsl(var(--bg-muted) / <alpha-value>)'
				},
				border: 'hsl(var(--border) / <alpha-value>)',
				text: {
					DEFAULT: 'hsl(var(--text) / <alpha-value>)',
					muted: 'hsl(var(--text-muted) / <alpha-value>)',
					subtle: 'hsl(var(--text-subtle) / <alpha-value>)'
				},
				primary: {
					DEFAULT: 'hsl(var(--primary) / <alpha-value>)',
					fg: 'hsl(var(--primary-fg) / <alpha-value>)'
				},
				danger: 'hsl(var(--danger) / <alpha-value>)',
				success: 'hsl(var(--success) / <alpha-value>)'
			}
		}
	}
} satisfies Config;