:root {
	color-scheme: light dark;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	background-color: #f8fafc;
	color: #0f172a;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.dark body {
	background-color: #0f172a;
	color: #f8fafc;
}

::selection {
	background-color: rgba(99, 102, 241, 0.25);
	color: #0f172a;
}

img {
	max-width: 100%;
	height: auto;
}

/* Animation delays */
.animation-delay-1000 {
	animation-delay: 1s;
}

.animation-delay-2000 {
	animation-delay: 2s;
}

.animation-delay-3000 {
	animation-delay: 3s;
}

/* Staggered animations for cards */
.stagger-1 {
	animation-delay: 0.1s;
}

.stagger-2 {
	animation-delay: 0.2s;
}

.stagger-3 {
	animation-delay: 0.3s;
}

.stagger-4 {
	animation-delay: 0.4s;
}

.stagger-5 {
	animation-delay: 0.5s;
}

.stagger-6 {
	animation-delay: 0.6s;
}

/* Custom floating animation */
@keyframes float {
	0%, 100% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
}

.animate-float {
	animation: float 3s ease-in-out infinite;
}

/* Enhanced pulse for blobs */
@keyframes pulse-slow {
	0%, 100% {
		opacity: 0.8;
		transform: scale(1);
	}
	50% {
		opacity: 0.4;
		transform: scale(1.05);
	}
}

.animate-pulse-slow {
	animation: pulse-slow 4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}