:root {
            --brand-pink: #ff86e2;
            --brand-dark: #1f2021;
        }

        body {
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            color: var(--brand-dark);
            background-color: #ffffff;
            overflow-x: hidden;
        }

        .text-brand-pink { color: var(--brand-pink); }
        .bg-brand-pink { background-color: var(--brand-pink); }
        .border-brand-pink { border-color: var(--brand-pink); }

        /* Mobile Menu Transition */
        #mobile-menu {
            transition: transform 0.3s ease-in-out;
            transform: translateX(100%);
        }
        #mobile-menu.active {
            transform: translateX(0);
        }

        .hero-section {
            background-color: #f9f9f9;
            min-height: 80vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background-image: url('https://images.unsplash.com/photo-1469334031218-e382a71b716b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
            background-size: cover;
            background-position: center;
        }

        .overlay {
            background: rgba(255, 255, 255, 0.4);
        }

        .nav-link {
            position: relative;
            transition: color 0.3s;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: var(--brand-pink);
            transition: width 0.3s;
        }
        .nav-link:hover::after {
            width: 100%;
        }

        .category-card:hover img {
            transform: scale(1.05);
        }