:root {
	--sb-color-gray-600: #4a5565;
	--sb-color-gray-700: #364153;
	--sb-color-wp-light-blue-600: #007ca8;
	--sb-duration-75: 75ms;
	--sb-duration-100: 100ms;
	--sb-duration-150: 150ms;
	--sb-duration-200: 200ms;
	--sb-duration-300: 300ms;
	--sb-duration-500: 500ms;
	--sb-duration-700: 700ms;
	--sb-duration-1000: 1000ms;
	--sb-opacity-disabled: .5;
	--sb-fg-muted: var(--sb-color-gray-700);
	--sb-fg-subtle: var(--sb-color-gray-600);
	--sb-focus-ring: var(--sb-color-wp-light-blue-600);
	--sb-text-secondary: var(--sb-fg-muted);
	--sb-text-tertiary: var(--sb-fg-subtle);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--sb-duration-75: .01ms;
		--sb-duration-100: .01ms;
		--sb-duration-150: .01ms;
		--sb-duration-200: .01ms;
		--sb-duration-300: .01ms;
		--sb-duration-500: .01ms;
		--sb-duration-700: .01ms;
		--sb-duration-1000: .01ms;
	}
}