Fix white-on-white text and missing CSS variables

[Copilot]

UI was broken with invisible white text on white backgrounds due to undefined CSS variables and incorrect gradient configuration.

Changes

Added missing CSS color variables to :root

• Color palette: --ada-purple, --ada-yellow, --ada-green, --ada-orange, --ada-pink, --hc-red, --hc-orange
• Utility aliases: --white, --ada-dark, --primary-purple, --primary-color, --accent-color
• Spacing: --space-xs through --space-3xl
• Typography: --text-sm, --text-base, --text-lg
• Gradients: --gradient-primary, --gradient-secondary, --gradient-sunset
• Backgrounds: --bg-primary, --bg-secondary, --bg-tertiary

Fixed hero title visibility

/* Before: invisible white on light background */
.hero-title {
    background: linear-gradient(45deg, white, #ffffff);
    filter: drop-shadow(0 0 50px black);
}

/* After: visible dark gradient */
.hero-title {
    background: linear-gradient(45deg, var(--primary-black), var(--dark-gray));
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

Screenshots

Hero section with visible text:

Content sections with proper contrast:

Original prompt

this openrockets.com site's ui is broken. everything is white. and white text are not visible on white bakcgroumnd and many issues. use google sans fornt

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.