:root {
            --cloud: #f8fafc;
            --ocean: #0ea5e9;
            --leaf: #10b981;
            --sunset: #f97316;
            --navy: #0f172a;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--cloud);
            color: #334155;
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        .heading { font-family: 'Poppins', sans-serif; }
        .montserrat { font-family: 'Montserrat', sans-serif; }

        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .nav-blur {
            background: rgba(248, 250, 252, 0.8);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(14, 165, 233, 0.1);
        }

        .category-card:hover .category-img { transform: scale(1.1); }
        .category-card:hover .hover-overlay { opacity: 1; transform: translateY(0); }

        .btn-sunset {
            background: var(--sunset);
            color: white;
            transition: all 0.3s ease;
        }
        .btn-sunset:hover {
            background: #ea580c;
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(249, 115, 22, 0.3);
        }

        .animate-fade-in { animation: fadeIn 0.8s ease-out forwards; }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        
        .modal-active { overflow: hidden; }