Advanced AI Prompt for Dynamic Background Color Shift

Act as a Senior CSS/JS Integration Engineer. Develop an elegant, high-performance GSAP ScrollTrigger architecture that programmatically morphs the global background color of the [BODY_TARGET] as the user navigates through distinct, stacked [SECTION_SELECTORS]. Dynamically map the DOM nodes to the specific hex codes provided in the [COLOR_ARRAY]. The color interpolation must be buttery smooth and mathematically triggered exactly when the center Y-axis of the target section perfectly intersects the center Y-axis of the user's viewport (`start: 'center center'`). Utilize the precise `onEnter` and `onEnterBack` callback hooks to guarantee the color hex updates flawlessly regardless of whether the user is scrolling aggressively downward or rapidly back upward. To ensure 60fps hardware acceleration, output the target color exclusively to a global CSS Custom Property (`--bg-color`) rather than animating the raw DOM element's style attribute.