:root {
            --leaf-green: #3A9D23;
            --forest-green: #1B4332;
            --sky-blue: #E0F2F1;
            --soft-cream: #FDF9F2;
            --earth-brown: #4E342E;
            --light-lime: #D4E157;
        }

        body {
            background-color: var(--soft-cream);
            color: var(--forest-green);
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        .heading-font { font-family: 'Playfair Display', serif; }
        .body-font { font-family: 'Nunito', sans-serif; }

        .nav-glass {
            background: rgba(253, 249, 242, 0.95);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(27, 67, 50, 0.05);
        }

        .btn-primary {
            background-color: var(--leaf-green);
            color: white;
            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
        }

        .btn-primary:hover {
            background-color: var(--forest-green);
            transform: translateY(-4px) scale(1.02);
            box-shadow: 0 20px 40px rgba(27, 67, 50, 0.15);
        }

        .eco-card {
            background: white;
            border-radius: 40px;
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: 1px solid rgba(27, 67, 50, 0.03);
        }

        .eco-card:hover {
            transform: translateY(-15px);
            box-shadow: 0 50px 100px rgba(27, 67, 50, 0.06);
        }

        .reveal {
            opacity: 0;
            transform: translateY(60px);
            transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .parallax-section {
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
        }

        .modal-blur {
            background: rgba(27, 67, 50, 0.4);
            backdrop-filter: blur(12px);
        }

        .legal-scroll::-webkit-scrollbar { width: 4px; }
        .legal-scroll::-webkit-scrollbar-thumb { background: var(--leaf-green); border-radius: 10px; }

        /* Custom selection color */
        ::selection { background: var(--leaf-green); color: white; }
    
        @keyframes infinite-scroll {
            from { transform: translateX(0); }
            to { transform: translateX(-50%); }
        }
        .animate-infinite-scroll {
            animation: infinite-scroll 60s linear infinite;
        }