:root {
	--background: #f4f4f4;
	--text: #000;
	--input-background: #fff;
	--input-border: #ccc;
	--button-background: #4f46e5;
	--button-hover-background: #4338ca;
	--button-text: #fff;
}

:root[data-theme="dark"] {
	--background: #18181b;
	--text: #f9fafb;
	--input-background: #27272a;
	--input-border: #3f3f46;
	--button-background: #6366f1;
	--button-hover-background: #4f46e5;
	--button-text: #fff;
}

body {
	margin: 0;
	padding: 0;
	background-color: var(--background);
	color: var(--text);
}