/**
 * CoCreate Theme: Champagne
 * Soft golden cream - luxurious, premium, elegant
 */

[data-theme="champagne"] {
    /* Core Colors */
    --bg-primary: #FFFDF8;
    --bg-secondary: #FFF8E7;
    --bg-card: rgba(255, 255, 255, 0.88);
    --bg-card-hover: rgba(255, 255, 255, 0.96);

    /* Text */
    --text-primary: #2D1F0E;
    --text-secondary: #5C4A2E;
    --text-muted: #8B7355;

    /* Brand Colors */
    --primary: #FC2A0D;
    --secondary: #FD6C71;
    --accent: #D4A535;

    /* UI Elements */
    --border-color: rgba(212, 165, 53, 0.2);
    --nav-bg: rgba(255, 253, 248, 0.95);
    --glow-color: rgba(212, 165, 53, 0.25);

    /* Gradient Background */
    --gradient-bg:
        radial-gradient(ellipse 65% 55% at 30% 20%, rgba(212, 165, 53, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse 70% 60% at 70% 75%, rgba(255, 195, 106, 0.12) 0%, transparent 55%),
        radial-gradient(ellipse 55% 45% at 85% 25%, rgba(253, 108, 113, 0.08) 0%, transparent 45%),
        radial-gradient(ellipse 60% 50% at 15% 80%, rgba(212, 165, 53, 0.1) 0%, transparent 50%),
        linear-gradient(180deg, #FFFDF8 0%, #FFF8E7 50%, #FFF5DC 100%);

    /* Animation */
    --gradient-animation: champagne-shift 25s ease-in-out infinite;

    /* Particles/Canvas */
    --particle-opacity: 0.2;
    --particle-color: #D4A535;

    /* Chat Widget */
    --chat-primary: var(--primary);
    --chat-secondary: var(--secondary);
    --chat-bg: var(--bg-secondary);
    --chat-messages-bg: var(--bg-primary);
    --chat-input-bg: var(--bg-card);
    --chat-border: var(--border-color);
    --chat-text-primary: var(--text-primary);
    --chat-text-secondary: var(--text-secondary);
    --chat-text-muted: var(--text-muted);
    --chat-msg-assistant-bg: var(--bg-card);
    --chat-msg-assistant-text: var(--text-primary);
}

/* Champagne Gradient Animation */
@keyframes champagne-shift {
    0%, 100% {
        background-position: 0% 0%, 100% 100%, 100% 0%, 0% 100%, 0% 0%;
    }
    33% {
        background-position: 5% 8%, 95% 92%, 92% 5%, 8% 95%, 0% 0%;
    }
    66% {
        background-position: 8% 5%, 92% 95%, 95% 8%, 5% 92%, 0% 0%;
    }
}

/* Apply gradient to body */
[data-theme="champagne"] body {
    background: var(--gradient-bg);
    background-attachment: fixed;
    animation: var(--gradient-animation);
}

/* Glass card enhancement - golden shimmer */
[data-theme="champagne"] .glass-card {
    background: var(--bg-card);
    border: 1px solid rgba(212, 165, 53, 0.18);
    box-shadow:
        0 8px 32px rgba(45, 31, 14, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

[data-theme="champagne"] .glass-card:hover {
    background: var(--bg-card-hover);
    border-color: rgba(212, 165, 53, 0.35);
    box-shadow:
        0 12px 48px rgba(212, 165, 53, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Button styling - golden luxury */
[data-theme="champagne"] .cta-button,
[data-theme="champagne"] .btn-premium {
    background: linear-gradient(135deg, var(--primary) 0%, #E85A30 50%, var(--accent) 100%);
    box-shadow: 0 4px 20px rgba(212, 165, 53, 0.35);
    color: white;
}

[data-theme="champagne"] .cta-button:hover,
[data-theme="champagne"] .btn-premium:hover {
    box-shadow: 0 8px 32px rgba(212, 165, 53, 0.5);
}

/* Gradient text - rich gold */
[data-theme="champagne"] .gradient-text {
    background: linear-gradient(135deg, var(--primary) 0%, #E85A30 40%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Nav enhancement */
[data-theme="champagne"] nav {
    background: var(--nav-bg);
    backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(212, 165, 53, 0.12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

/* Stat numbers */
[data-theme="champagne"] .stat-number {
    background: linear-gradient(135deg, var(--primary), var(--accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Override dark text utilities */
[data-theme="champagne"] .text-slate-300,
[data-theme="champagne"] .text-slate-400,
[data-theme="champagne"] .text-white {
    color: var(--text-primary);
}

[data-theme="champagne"] .text-slate-500 {
    color: var(--text-secondary);
}

/* Golden shimmer glow */
[data-theme="champagne"] .pulse-glow {
    animation: champagne-pulse 4s ease-in-out infinite;
}

@keyframes champagne-pulse {
    0%, 100% { box-shadow: 0 0 20px rgba(212, 165, 53, 0.25); }
    50% { box-shadow: 0 0 35px rgba(255, 195, 106, 0.35); }
}

/* Special golden accent for premium feel */
[data-theme="champagne"] .text-accent {
    color: #B8860B;
}