/* X-Freight Solution — custom styles
 *
 * The bulk of the design is handled by Tailwind (CDN) plus the inline <style>
 * block in index.html (animations, hover effects, layout helpers). This file is
 * for small, cross-cutting refinements that complement that design rather than
 * repeat it: brand-consistent selection, keyboard accessibility, and motion
 * preferences. */

/* Brand-colored text selection */
::selection {
	background: #e87206;
	color: #ffffff;
}

/* Visible keyboard-focus ring on interactive elements.
   The inline styles cover hover but not focus, so keyboard users get no
   feedback — this restores it without affecting mouse interaction. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid #f7921f;
	outline-offset: 2px;
	border-radius: 4px;
}

/* Respect users who prefer reduced motion. The page leans heavily on
   animation (particles, marquee, floats, gradient borders, fade-ins); for
   these users we neutralize motion while keeping content fully visible. */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}

	/* Ensure scroll-triggered content isn't left invisible when its
	   reveal transition is removed. */
	.fade-up,
	.fade-left,
	.fade-right,
	.scale-in {
		opacity: 1 !important;
		transform: none !important;
	}
}