        :root {
            --pure-white: #FFFFFF;
            --charcoal: #111111;
            --warm-amber: #FFB703;
            --cool-blue: #8ECDF4;
            --ui-gray: #F4F4F4;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--pure-white);
            color: var(--charcoal);
            scroll-behavior: smooth;
        }

        h1, h2, h3, .heading-font { font-family: 'Poppins', sans-serif; }
        .spec-font { font-family: 'JetBrains Mono', monospace; }

        /* Animation: Light Sweep */
        .light-sweep {
            position: relative;
            overflow: hidden;
        }
        .light-sweep::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -60%;
            width: 20%;
            height: 200%;
            background: rgba(255, 255, 255, 0.2);
            transform: rotate(30deg);
            transition: all 0.7s ease;
            pointer-events: none;
        }
        .light-sweep:hover::after {
            left: 120%;
        }

        /* Product Glow Halo */
        .product-card {
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            border: 1px solid transparent;
        }
        .product-card:hover {
            transform: translateY(-10px);
            border-color: #eee;
            box-shadow: 0 0 40px rgba(255, 183, 3, 0.1);
        }
        .product-card:hover .glow-halo {
            opacity: 1;
            transform: scale(1.1);
        }
        .glow-halo {
            position: absolute;
            top: 10%;
            left: 10%;
            width: 80%;
            height: 80%;
            background: radial-gradient(circle, rgba(255, 183, 3, 0.15) 0%, transparent 70%);
            opacity: 0;
            transition: all 0.6s ease;
            pointer-events: none;
        }

        /* Page Transitions */
        .page-section { display: none; opacity: 0; }
        .page-section.active { display: block; animation: sectionFadeIn 0.8s forwards; }

        @keyframes sectionFadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Buttons */
        .btn-amber {
            background-color: var(--warm-amber);
            color: var(--charcoal);
            transition: all 0.3s ease;
        }
        .btn-amber:hover {
            box-shadow: 0 10px 25px rgba(255, 183, 3, 0.4);
            transform: translateY(-2px);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: var(--warm-amber); }

        /* Cart Drawer */
        #cart-drawer {
            transform: translateX(100%);
            transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        }
        #cart-drawer.open { transform: translateX(0); }