@import "tailwindcss";
@import "@manacore/shared-tailwind/themes.css";

/* Inventory-specific CSS Variables */
@layer base {
	:root {
		/* Spacing */
		--spacing-xs: 0.25rem;
		--spacing-sm: 0.5rem;
		--spacing-md: 1rem;
		--spacing-lg: 1.5rem;
		--spacing-xl: 2rem;
		--spacing-2xl: 3rem;

		/* Border Radius */
		--radius-sm: 0.25rem;
		--radius-md: 0.5rem;
		--radius-lg: 0.75rem;
		--radius-xl: 1rem;
		--radius-full: 9999px;

		/* Transitions */
		--transition-fast: 150ms ease;
		--transition-base: 200ms ease;
		--transition-slow: 300ms ease;
	}
}

html,
body {
	height: 100%;
}

body {
	background-color: hsl(var(--background));
	color: hsl(var(--foreground));
}