:root {
            --cream: #EFE3CA;
            --earth-brown: #A47251;
            --glass: rgba(239, 227, 202, 0.6);
        }

        body {
            font-family: 'Cormorant Upright', serif;
            background-color: var(--cream);
            color: var(--earth-brown);
            margin: 0;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* --- Animations --- */
        @keyframes subtleZoom {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }


                /* --- Parallax & Layout Effects --- */
        .parallax-fixed {
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 100vh;
        }

        .glass-card {
            background: var(--glass);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(164, 114, 81, 0.1);
        }

        @keyframes slideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .reveal { opacity: 0; transition: all 1s ease; }
        .reveal.visible { opacity: 1; transform: translateY(0); }

        /* --- Layout Specials --- */
        .parallax-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            z-index: -1;
            background-size: cover;
            background-position: center;
            animation: subtleZoom 20s infinite ease-in-out;
        }

        .glass-overlay {
            background: var(--glass);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(164, 114, 81, 0.1);
        }

        .nav-underline {
            position: relative;
        }
        .nav-underline::after {
            content: '';
            position: absolute;
            width: 0; height: 1px;
            bottom: -2px; left: 0;
            background: var(--earth-brown);
            transition: width 0.3s ease;
        }
        .nav-underline:hover::after { width: 100%; }

        /* --- Transitions --- */
        .page-content { display: none; }
        .page-content.active { display: block; animation: slideUp 0.8s ease forwards; }

        .cart-sidebar {
            transform: translateX(100%);
            transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        }
        .cart-sidebar.open { transform: translateX(0); }

        .hamburger-active #mobile-menu { transform: translateX(0); }