@import 'tailwindcss';

:root {
	--background: #ffffff;
	--foreground: #171717;
	/* 主题色渐变 */
	--theme-color-1: rgb(88, 192, 252);
	--theme-color-2: rgb(189, 69, 251);
}

@media (prefers-color-scheme: dark) {
	:root {
		--background: #0a0a0a;
		--foreground: #ededed;
	}
}

/* 添加 Tailwind 自定义颜色 */
@theme {
	--color-background: var(--background);
	--color-foreground: var(--foreground);
}

@theme inline {
	--color-background: var(--background);
	--color-foreground: var(--foreground);
}

body {
	background: var(--background);
	color: var(--foreground);
	font-family: Arial, Helvetica, sans-serif;
}