I replaced all pink/rose design tokens with a cohesive sky blue palette using OKLCH values, covering primary, secondary, accent, ring, card tint, and sidebar variants, and mirrored them in dark mode. All components that reference bg-primary, text-primary, bg-secondary, etc., will automatically reflect the new sky blue theme. If you want a slightly greener “teal sky” instead of blue, I can adjust the hue from 210 to around 195-200.

I added a full-bleed, decorative background image to the hero with 50% opacity using an absolutely positioned img beneath the content. The hero remains responsive and accessible, with the image marked aria-hidden and the content layered above via z-index to maintain readability. If you prefer a specific brand image, share it and I’ll replace the placeholder URL.