/* Custom Tailwind Configuration */
        :root {
            --color-blush: #9d7279; /* Blush Pink */
            --color-cream: #FAF0E6; /* Pastel Cream */
            --color-rosegold: #755477; /* Rose Gold/Soft Purple Accent */
            --color-softgold: #b1a877; /* Soft Gold */
            --color-dark: #333333; /* Dark text */
            --color-bg: #9c9084; /* Near white background */
        }
        
        /* Custom Font Variables */
        .font-serif-elegant { font-family: 'Playfair Display', serif; }
        .font-sans-clean { font-family: 'Inter', sans-serif; }

        /* Background/Body Color */
        body {
            background-color: var(--color-bg);
            color: var(--color-dark);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Glassmorphism Effect */
        .glass-card {
            background-color: rgba(255, 255, 255, 0.4);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.5);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }
        .glass-card:hover {
            box-shadow: 0 10px 20px rgba(255, 192, 203, 0.3);
            transform: translateY(-3px);
        }
        
        /* Rose Gold Glow/Accent */
        .glow-accent {
            box-shadow: 0 0 10px var(--color-rosegold), 0 0 5px var(--color-blush);
        }

        /* Floating Elements Animation (Hearts/Petals) */
        .floating-heart {
            position: absolute;
            color: var(--color-blush);
            opacity: 0.6;
            animation: float-up 15s infinite ease-in-out;
            pointer-events: none;
        }

        @keyframes float-up {
            0% { transform: translate(0, 0) rotate(0deg); opacity: 0.6; }
            50% { transform: translate(50px, -500px) rotate(15deg); opacity: 0.8; }
            100% { transform: translate(-100px, -1000px) rotate(-5deg); opacity: 0; }
        }

        /* Parallax Hero Effect (Simulated) */
        #hero-section {
            background-size: cover;
            background-position: center;
            background-attachment: fixed; /* Simple Parallax */
        }

        /* Page Transition Animation (Fade In) */
        .page-content {
            animation: fadeIn 0.5s ease-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }