@import "tailwindcss";

@theme {
	--color-brand-primary: #3b82f6;
	--color-brand-primary-hover: #2563eb;
	--color-brand-secondary: #64748b;
	--color-surface: #fff;
	--color-text: #0f172a;
}

[data-theme="dark"] {
	--color-brand-primary: #60a5fa;
	--color-brand-primary-hover: #93c5fd;
	--color-surface: #0f172a;
	--color-text: #f8fafc;
}