:root {
            --deep-earth: #41431B;
            --fresh-green: #84B179;
            --soft-blush: #F7F0F0;
            --light-leaf: #F0FFDF;
            --golden: #FBE580;
        }

        body {
            font-family: 'Oranienbaum', serif;
            background-color: var(--soft-blush);
            color: var(--deep-earth);
            overflow-x: hidden;
        }

        .font-cursive { font-family: 'Parisienne', cursive; }
        .bg-earth { background-color: var(--deep-earth); }
        .bg-green { background-color: var(--fresh-green); }
        .bg-leaf { background-color: var(--light-leaf); }
        .bg-golden { background-color: var(--golden); }
        .text-earth { color: var(--deep-earth); }
        .text-leaf { color: var(--light-leaf); }

        /* DIAGONAL HERO */
        .hero-diagonal {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
        }

        /* FLOATING ANIMATION */
        .float-element {
            animation: floating 6s ease-in-out infinite;
        }
        @keyframes floating {
            0%, 100% { transform: translateY(0) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(5deg); }
        }

        /* CARD HOVER EFFECTS */
        .staggered-card {
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .staggered-card:hover {
            transform: translateY(-15px) rotate(2deg);
            box-shadow: 20px 20px 60px rgba(65, 67, 27, 0.1);
        }

        /* CUSTOM SCROLLBAR */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--soft-blush); }
        ::-webkit-scrollbar-thumb { background: var(--fresh-green); border-radius: 10px; }

        /* PAGE TRANSITIONS */
        .page-fade-in {
            animation: fadeIn 0.8s ease forwards;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* BUTTONS */
        .cta-btn {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .cta-btn:hover {
            letter-spacing: 2px;
            transform: scale(1.05);
        }

        /* PRODUCT FILTER CHIPS */
        .filter-chip.active {
            background-color: var(--deep-earth);
            color: var(--golden);
        }

        /* MASONRY EFFECT */
        .masonry-item:nth-child(even) { margin-top: 40px; }