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

/* Scan shared packages for Tailwind classes */
@source '../../../../packages/shared/src';
@source '../../../../../packages/shared-ui/src';
@source '../../../../../packages/shared-theme-ui/src';
@source '../../../../../packages/shared-auth-ui/src';

/* App-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;
	}
}

/* Utility Classes */
@layer components {
	.gradient-primary {
		background: linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));
	}

	.glass {
		background: rgba(255, 255, 255, 0.1);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		border: 1px solid rgba(255, 255, 255, 0.1);
	}

	.card {
		background: var(--color-surface);
		border-radius: var(--radius-lg);
		border: 1px solid var(--color-border);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}

	.figure-card {
		transition: transform var(--transition-base), box-shadow var(--transition-base);
	}

	.figure-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
	}

	/* Rarity Colors */
	.rarity-common {
		--rarity-color: #9ca3af;
	}
	.rarity-rare {
		--rarity-color: #3b82f6;
	}
	.rarity-epic {
		--rarity-color: #8b5cf6;
	}
	.rarity-legendary {
		--rarity-color: #f59e0b;
	}

	.rarity-badge {
		background: color-mix(in srgb, var(--rarity-color) 15%, transparent);
		color: var(--rarity-color);
		border: 1px solid color-mix(in srgb, var(--rarity-color) 30%, transparent);
		padding: 0.25rem 0.75rem;
		border-radius: var(--radius-full);
		font-size: 0.75rem;
		font-weight: 600;
		text-transform: uppercase;
	}
}