:root {
            --primary: #4A4036;
            --secondary: #8B7355;
            --accent: #C47F52;
            --bg: #F5F1EA;
            --text: #29251F;
        }
        
        body {
            background-color: var(--bg);
            color: var(--text);
            overflow-x: hidden;
        }

        /* Glassmorphism */
        .glass {
            background: rgba(255, 255, 255, 0.35);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.4);
            box-shadow: 0 8px 32px 0 rgba(74, 64, 54, 0.08);
        }
        
        .glass-dark {
            background: rgba(74, 64, 54, 0.85);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Soft Neon Gradients */
        .neon-gradient {
            background: linear-gradient(135deg, rgba(196, 127, 82, 0.15) 0%, rgba(139, 115, 85, 0.1) 100%);
        }

        /* Floating Animation */
        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-20px) rotate(2deg); }
        }
        .floating { animation: float 6s ease-in-out infinite; }
        .floating-delayed { animation: float 8s ease-in-out infinite 2s; }

        /* Scroll Reveal */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Smooth Scroll */
        html { scroll-behavior: smooth; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 10px; }
        ::-webkit-scrollbar-track { background: #F5F1EA; }
        ::-webkit-scrollbar-thumb { background: #8B7355; border-radius: 5px; }
        ::-webkit-scrollbar-thumb:hover { background: #4A4036; }

        /* Accordion */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        .accordion-content.active {
            max-height: 500px;
        }