:root {
            --yellow: #FFE100;
            --peach: #FFCDC9;
            --cream: #FFE1AF;
            --deep: #3D2B1F;
            --off-white: #FFF9F0;
        }

        * {
            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="10" r="5" fill="%23FFE100" /></svg>'), auto;
            scroll-behavior: smooth;
        }

        body {
            background-color: var(--cream);
            color: var(--deep);
            font-family: 'Space Grotesk', sans-serif;
            overflow-x: hidden;
            margin: 0;
        }

        h1, h2, h3, .heading { font-family: 'Syne', sans-serif; font-weight: 800; text-transform: uppercase; line-height: 0.9; }
        .serif { font-family: 'Baskervville', serif; font-style: italic; }

        /* Multi-Page Navigation Logic */
        .page-view { display: none; min-height: 100vh; }
        .page-view.active { display: block; animation: pageFade 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        @keyframes pageFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

        /* Background Animation */
        #energy-bg {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            z-index: -1; background: linear-gradient(135deg, var(--cream) 0%, var(--peach) 100%);
            overflow: hidden;
        }
        .ray {
            position: absolute; background: var(--yellow); opacity: 0.15;
            filter: blur(80px); border-radius: 50%; transition: transform 0.2s ease-out;
        }

        /* UI Elements */
        .glass-nav {
            background: rgba(255, 225, 175, 0.8);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(61, 43, 31, 0.1);
        }

        .btn-primary {
            background: var(--yellow);
            color: var(--deep);
            padding: 1rem 2rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            border: 2px solid var(--deep);
            transition: all 0.3s;
            display: inline-block;
        }
        .btn-primary:hover { background: var(--deep); color: var(--yellow); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }

        .card-editorial {
            background: var(--off-white);
            border: 1px solid rgba(61, 43, 31, 0.05);
            transition: 0.5s;
        }
        .card-editorial:hover { transform: translateY(-10px); background: var(--yellow); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--cream); }
        ::-webkit-scrollbar-thumb { background: var(--deep); }


        /* Cart & Search Panels */
        .side-panel {
            position: fixed; top: 0; right: -100%; width: 450px; height: 100vh;
            background: var(--off-white); z-index: 5000; transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1);
            box-shadow: -20px 0 60px rgba(0,0,0,0.1);
        }
        .side-panel.open { right: 0; }