/**
 * Logo Carousel design tokens (from "Logo Carousel Design System").
 * One green (#1D8958) plus cool slate neutrals. Blocks read these
 * variables; nothing here styles elements directly.
 */
:root {
	--lc-green-50: #edf7f2;
	--lc-green-100: #d2eddf;
	--lc-green-300: #a9dcc2;
	--lc-green-500: #1d8958;
	/* A shade darker for white text on green: 4.7:1 (500 is 4.4:1, under AA). */
	--lc-green-aa: #1c8455;
	--lc-green-600: #177249;
	--lc-green-700: #125c3b;
	--lc-green-900: #0b3a25;

	--lc-white: #fff;
	--lc-off-white: #f8fafc;
	--lc-light-gray: #f3f4f6;
	--lc-border: #e5e7eb;
	--lc-border-strong: #d1d5dc;
	--lc-caption: #6a7282;
	--lc-body: #364153;
	--lc-heading: #1e2939;
	--lc-near-black: #030712;

	--lc-radius-sm: 6px;
	--lc-radius: 10px;
	--lc-radius-lg: 14px;
	--lc-shadow: 0 1px 2px rgba(3, 7, 18, 0.04), 0 8px 24px -12px rgba(3, 7, 18, 0.12);
	--lc-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
	--lc-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Shared keyframes: marquee rows (the track holds the list twice), spinners, skeleton pulse. */
@keyframes lc-marquee {
	to { transform: translate3d(-50%, 0, 0); }
}
@keyframes lc-marquee-rev {
	from { transform: translate3d(-50%, 0, 0); }
	to { transform: translate3d(0, 0, 0); }
}
@keyframes lc-spin {
	to { transform: rotate(360deg); }
}
@keyframes lc-pulse {
	50% { opacity: 0.45; }
}

.lc-icon {
	display: block;
	flex: none;
}

/* Paused when off screen (set by the block scripts) or when the visitor asks for less motion. */
.lc-is-offscreen *,
.lc-is-offscreen *::before {
	animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
	[class*="lc-"] *,
	[class*="lc-"] *::before {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* Blocks size boxes including padding (the theme does not set this globally). */
[class*="wp-block-logo-carousel-"],
[class*="wp-block-logo-carousel-"] *,
[class*="wp-block-logo-carousel-"] *::before,
[class*="wp-block-logo-carousel-"] *::after {
	box-sizing: border-box;
}