import type { Config } from "tailwindcss";

export default {
	content: ["./src/**/*.{html,js,svelte,ts}"],

	theme: {
		extend: {
			colors: {
				background: "var(--bg)",
				foreground: "var(--fg)",
				"foreground-muted": "var(--fg-muted)",
				"foreground-muted-alt": "var(--fg-muted-alt)",
				"accent-background": "var(--accent-bg)",
				"accent-foreground": "var(--accent-fg)",
			},
			fontFamily: {
				display: "var(--font-display)",
				body: "var(--font-body)",
			},
			blur: {
				xs: "2px",
			},
		},
	},

	plugins: [],
} satisfies Config;