:root {
	--radius: 0.5rem;
	--border: hsl(214.3, 31.8%, 91.4%);
	--ring: hsl(262, 100%, 76%);
	--background: hsl(0, 0%, 100%);
	--foreground: hsl(222.2, 84%, 4.9%);
	--muted: hsl(210, 40%, 96.1%);
	--muted-foreground: hsl(215.4, 16.3%, 46.9%);
	--card: hsl(0, 0%, 100%);
	--primary: hsl(222.2, 47.4%, 11.2%);
	--primary-foreground: hsl(210, 40%, 98%);

	--spacing-xs: 0.5rem;
	--spacing-sm: 0.75rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2rem;
	--spacing-2xl: 3rem;

	--font-xs: 0.75rem;
	--font-sm: 0.875rem;
	--font-md: 1rem;
	--font-lg: 1.25rem;
	--font-xl: 1.5rem;
	--font-2xl: 1.875rem;
	--font-3xl: 2rem;

	--shadow-sm:
		0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--shadow-md:
		0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--shadow-lg:
		0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

	--transition: all 0.2s;
}