Indian Festive

# Visual style: Indian Festive

The dazzling aesthetics of Indian Diwali and Holi festivals, with rich gold ornamentation, jewel-tone palettes, and mandala motifs. Ideal for celebrations, events, and lifestyle brands.

## Philosophy
Indian Festive draws from the dazzling visual language of Diwali (Festival of Lights) and Holi (Festival of Colors), transforming thousands of years of South Asian color traditions into modern digital interfaces.

Core concepts:
- Dazzling exuberance: Bold use of high-saturation jewel tones -- vermillion, saffron orange, royal purple, peacock teal -- expressing the fervor and vitality of festivals
- Gold ornamentation: Gold lines, borders, and glows are the soul of Indian decorative arts, representing the sacred and prosperity
- Mandala motifs: Symmetrical geometric floral patterns serve as both meditative vehicles and visual hierarchy builders
- Light and hope: Diwali is the "festival of lights," with warm radiance permeating every interactive detail

In design expression, Indian Festive style does not hold back on layering and clashing colors. Unlike Western minimalism's restraint, it embraces richness, layering, and decorativeness, treating every interface element as a visual celebration.

Suitable for celebration event pages, lifestyle brands, cultural education platforms, and any digital product needing to convey passion, diversity, and abundance.

## Do
- Use vermillion bg-[#e63946] and saffron orange bg-[#ff9f1c] as primary accent colors
- Generously use gold text-[#d4af37] and border-[#d4af37] for decorative lines and glows
- Use warm ivory bg-[#fff8e7] as the base background
- Use royal purple text-[#7b2d8e] and peacock teal text-[#2a9d8f] as supporting colors
- Components use medium rounded corners rounded-xl for a soft festive atmosphere
- Add gold box-shadow glow effects shadow-[0_0_20px_rgba(212,175,55,0.3)]
- Use gradient backgrounds bg-gradient-to-r to enhance color expressiveness
- Headings use bold with wider tracking font-bold tracking-wide
- Button hover triggers gold glow burst: hover:shadow-[0_0_35px_rgba(212,175,55,0.8)]
- Button hover:-translate-y-1 hover:scale-[1.03] (festive upward jubilation)
- Button active:scale-95 active:translate-y-0 active:shadow-[0_0_16px_rgba(212,175,55,0.4)]
- Cards use group class; color strip expands from w-12 to group-hover:w-full (duration-500, ribbon unfurling)
- focus:ring-2 focus:ring-[#d4af37] focus:ring-offset-2 focus:ring-offset-[#fff8e7]

## Don't
- Do not use cold blue-gray tones bg-gray-100, bg-slate-50
- Do not use pure black backgrounds bg-black, bg-[#000]
- Do not use sharp corners without rounding rounded-none
- Do not use low-saturation or dull colors
- Do not use overly tech-feel neon blue-green text-[#00ffff]
- Do not omit gold decorative elements
- Do not use monochromatic schemes; colors should be layered
- Do not omit active:scale-95 on buttons (festive buttons must have a jubilant bounce feel)
- Do not omit focus:ring-offset-[#fff8e7] on focus:ring (focus ring must separate from ivory background)

## Rules for the AI
You are an Indian Festive design style frontend development expert. All generated code must strictly follow these constraints:

## Absolutely Forbidden

- Cold blue-gray tones (bg-gray-100, bg-slate-50)
- Pure black backgrounds (bg-black)
- Sharp corners (rounded-none)
- Low-saturation or muted colors
- Neon cyber colors (text-[#00ffff], text-[#ff00ff])
- Monochromatic schemes

## Must Follow

- Vermillion red #e63946 and saffron orange #ff9f1c as primary accents
- Warm ivory background bg-[#fff8e7]
- Gold decorations using border-[#d4af37] and shadow with gold rgba
- Royal purple #7b2d8e for text and headings
- Rounded corners rounded-xl
- Multi-color gradients for emphasis
- Bold typography with tracking-wide

## Color Palette

Primary:
- Vermillion: #e63946
- Warm White: #fff8e7
- Saffron: #ff9f1c
- Royal Purple: #7b2d8e
- Teal: #2a9d8f
- Gold: #d4af37

## Special Elements

- Mandala-inspired circular decorations
- Gold border and glow effects
- Multi-color gradient strips
- Warm layered backgrounds
- Festive light/lamp motifs

## Animation & Interaction Rules

### Grand Illumination (Button Glow)
- Resting: shadow-[0_0_16px_rgba(212,175,55,0.4)] -- always-on gold aura
- Hover: hover:shadow-[0_0_35px_rgba(212,175,55,0.8)] -- glow explodes to 35px (diya lamp igniting)
- NEVER use flat shadow on interactive elements

### Joyful Flourish (Button Motion)
- hover:-translate-y-1 hover:scale-[1.03] -- lift AND grow simultaneously (lamp rising + fireworks ascending)
- active:scale-95 active:translate-y-0 -- joyful bounce-back
- active:shadow-[0_0_16px_rgba(212,175,55,0.4)] -- glow settles back to resting

### Golden Touch (Focus)
- focus:ring-2 focus:ring-[#d4af37] focus:ring-offset-2 focus:ring-offset-[#fff8e7]
- ring-offset-[#fff8e7] mandatory -- gold ring must separate from ivory background

### Ceremonial Unfurling (Card Color Strip)
- Resting: w-12 h-1 bg-gradient-to-r from-[#e63946] via-[#ff9f1c] to-[#d4af37]
- On group-hover: group-hover:w-full -- ribbon unfurls across full card width (gift unwrapping)
- Transition: duration-500 ease-out
- Always use group class on card container

### Card Hover
- hover:-translate-y-2 hover:scale-[1.02] -- festive ascension
- hover:shadow-[0_15px_40px_rgba(230,57,70,0.2),0_0_30px_rgba(212,175,55,0.3)] -- dual jewel-tone glow
- Heading: group-hover:text-[#e63946] transition-colors duration-300 -- purple to vermillion shift