/* Polimento de interações com baixa complexidade e foco em consistência */

a,
button,
input,
select,
textarea,
.btn,
.project-image img,
.gallery-item img {
	transition-timing-function: var(--hover-ease);
}

.btn,
.project-image img,
.gallery-item img {
	will-change: transform;
}

.project-card:hover .project-image img,
.gallery-item:hover img {
	transform: scale(1.02);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.btn:focus-visible {
	outline: 2px solid var(--accent-color);
	outline-offset: 3px;
}

@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;
	}

	.project-card:hover .project-image img,
	.gallery-item:hover img,
	.btn:hover {
		transform: none !important;
	}
}