body {
            background-color: theme('colors.bg-romantic');
            color: theme('colors.cocoa-brown');
            font-family: theme('fontFamily.inter');
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Custom Scrollbar for Aesthetic */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-thumb { background: theme('colors.champagne-gold'); border-radius: 4px; }
        ::-webkit-scrollbar-track { background: theme('colors.rose-blush'); }

        /* Floating Sparkle Particles */
        .sparkle-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            overflow: hidden;
        }

        .sparkle {
            position: absolute;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            opacity: 0;
            box-shadow: 0 0 8px theme('colors.rose-blush');
            animation: sparkleFloat 10s infinite alternate, fadeInOut 5s infinite;
        }

        /* Glass Card Style for products */
        .glass-card {
            background: rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(8px);
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .glass-card:hover {
            transform: scale(1.03);
            box-shadow: theme('boxShadow.glow');
            border-color: theme('colors.champagne-gold');
        }

        /* Gold Glossy Button Style */
        .btn-glossy {
            background-color: theme('colors.champagne-gold');
            box-shadow: theme('boxShadow.gold-glossy');
            transition: all 0.3s;
        }
        .btn-glossy:hover {
            transform: translateY(-2px);
            opacity: 0.9;
            box-shadow: 0 8px 20px rgba(160, 137, 108, 0.6);
        }

        /* Quote Banner background */
        .quote-banner {
            background: linear-gradient(135deg, theme('colors.rose-blush'), theme('colors.warm-berry'));
            background-size: 400% 400%;
            animation: gradientShift 10s ease infinite;
        }
        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Modal backdrop style */
        .modal-backdrop {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
        }

        .marquee-container {
            white-space: nowrap;
            position: relative;
        }

        .marquee-track {
            display: flex;
            gap: 30px;
            animation: marqueeScroll 35s linear infinite;
        }

        .marquee-img {
            height: 600px;           /* HEIGHTED IMAGE */
            width: 450px;
            object-fit: cover;
            border-radius: 20px;
            filter: brightness(0.9);
            transition: 0.4s ease;
        }

        .marquee-img:hover {
            filter: brightness(1.15);
            transform: scale(1.06);
        }

        @keyframes marqueeScroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        .marquee-text-wrapper {
            white-space: nowrap;
            width: 100%;
            display: block;
        }

        .marquee-text-track {
            display: inline-flex;
            gap: 60px;
            animation: marqueeText 18s linear infinite;
        }

        .marquee-item {
            font-size: 36px;
            font-weight: 900;
            color: #b10055; /* warm berry */
            letter-spacing: 2px;
            font-family: 'Inter', sans-serif;
            text-transform: uppercase;
        }

        @keyframes marqueeText {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .bg-warm-berry { background-color: #b10055; }
.bg-warm-berry-dark { background-color: #8a0044; }


.border-champagne-gold { border-color: #D4B56A; }
.text-champagne-gold { color: #D4B56A; }
.hover\:bg-champagne-gold:hover { background-color: #D4B56A; }