@import "tailwindcss";

@theme {
	--color-background: #0f172a;
	--color-foreground: #e2e8f0;
	--color-muted: #64748b;
	--color-muted-foreground: #94a3b8;
	--color-card: #1e293b;
	--color-card-foreground: #e2e8f0;
	--color-border: #334155;
	--color-input: #334155;
	--color-primary: #3b82f6;
	--color-primary-foreground: #ffffff;
	--color-accent: #3b82f6;
	--color-destructive: #ef4444;
	--radius-sm: 0.25rem;
	--radius-md: 0.375rem;
	--radius-lg: 0.5rem;
	--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}

body {
	background-color: var(--color-background);
	color: var(--color-foreground);
	font-family: var(--font-sans);
}