UPDATE THE EXISTING REJOICE BUILD WITH A GLOBAL THEME TOGGLE AND PUBLIC BRAND KIT

Do not rebuild or simplify the existing site. Preserve all current routes, copy, pricing, forms, links, and working functionality. Add the following changes across the existing design system.

1. GLOBAL LIGHT AND DARK THEME

Rejoice remains dark-first.

Add an accessible sun/moon theme toggle to the global navigation on every public route:
- desktop: immediately before Sign in
- mobile: near the top of the slide-out menu
- minimum 44px hit area
- visible focus state
- `aria-label` must change between “Switch to light theme” and “Switch to dark theme”

Behavior:
- default new visitors to dark mode
- store the selection in localStorage under `rejoice-theme`
- apply the saved theme before first paint to avoid a flash
- put `data-theme="dark"` or `data-theme="light"` on `<html>`
- set `color-scheme` to match
- preserve the choice between page navigations
- use a 150-200ms transition for colors and borders
- disable transitions when `prefers-reduced-motion` is enabled

Do not implement light mode by merely inverting the page. Every component must use semantic theme tokens.

Dark tokens:
- canvas #060711
- background #0B0D18
- elevated #111425
- panel #171A2E
- border #2A2E44
- text #F8F9FF
- muted #A9AEC4

Light tokens:
- canvas #F7F8FC
- background #FFFFFF
- elevated #F1F3F9
- panel #FFFFFF
- border #DDE1EC
- text #101322
- muted #5F667C
- brand tint #EEF1FF
- shadow 0 20px 60px rgba(32, 40, 75, 0.12)

Keep the Rejoice gradient unchanged:
linear-gradient(135deg, #A23BFF 0%, #5B5CF6 48%, #18C8F5 100%)

Audit and theme:
- navigation
- mobile menu
- hero
- all product preview cards
- creator page examples
- pricing
- forms and inputs
- dropdowns
- modals
- manager and brand dashboards
- mission section
- final CTA
- footer
- legal pages
- the new brand page

2. BRAND KIT ROUTE

Create a public route at `/brand`.

Do not add Brand to the main center navigation. Add “Brand” to the footer under Resources or Company.

The page should include:
- eyebrow: “Rejoice brand”
- heading: “Share Rejoice clearly.”
- introduction: “Use these approved assets when writing about, partnering with, or representing Rejoice. Keep the Bethlehem Star sharp, correctly proportioned, and surrounded by enough space to shine.”
- primary gradient Bethlehem Star
- white and current-color monochrome star
- dark and light wordmark lockups
- favicon and app icon
- color palette and hex values
- typography: Manrope for headings and Inter for body/UI
- minimum size and clear-space guidance
- correct and incorrect usage examples
- button: “Download complete brand kit”
- contact: support@rejoice.global

Host the full supplied package at:
`/downloads/Rejoice_Brand_Kit.zip`

Make the individual SVG assets downloadable as well.

Usage statement:
“The Bethlehem Star is Rejoice’s primary symbol. Never stretch it, crop it, recolor the gradient, or place it over a visually busy background.”

The brand page must use the normal global navigation, footer, and theme toggle.

3. STAR IMPLEMENTATION

Use the supplied transparent SVG. Do not use the original checkerboard bitmap.

```tsx
<img
  src="/rejoice-star-gradient.svg"
  alt=""
  aria-hidden="true"
  className="block h-10 w-auto shrink-0 object-contain"
/>
```

Never use:
- forced square aspect ratio
- object-fit: cover
- CSS masking for the main logo
- a flattened bitmap lockup in the header
- a checkerboard source image

4. ACCEPTANCE TESTS

Verify:
- initial load is dark for a new visitor
- switching to light updates every visible surface
- refresh preserves the chosen mode
- route changes preserve the chosen mode
- there is no light/dark flash at first paint
- the footer Brand link opens `/brand`
- the ZIP download works
- each SVG download works
- the Bethlehem Star is not stretched at 320px, 375px, 768px, 1024px, and 1440px widths
- all normal text meets WCAG AA contrast
