/* --- DESIGN TOKENS --- */
        :root {
            --color-primary: #FFFFFF;
            --color-secondary: #0E0E0E; /* Jet Black */
            --color-accent: #B87333; /* Copper */
            --color-soft-grey: #F5F5F5;
            --color-light-bg: #FAFAFA;
        }
        
        body {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--color-primary); 
            color: var(--color-secondary);
        }

        h1, h2, h3, h4, h5 {
            font-family: 'Poppins', sans-serif;
        }

        .text-accent { color: var(--color-accent); }
        .bg-accent { background-color: var(--color-accent); }
        .border-accent { border-color: var(--color-accent); }
        .bg-soft-grey { background-color: var(--color-soft-grey); }

        /* Animation for page transition */
        .page {
            transition: opacity 0.4s ease-in-out;
            min-height: 80vh; 
        }
        .hidden-page {
            opacity: 0;
            display: none !important;
        }

        /* Copper Button Styling */
        .btn-copper {
            transition: all 0.3s ease;
            background-color: var(--color-accent);
            box-shadow: 0 4px 10px rgba(184, 115, 51, 0.4);
        }
        .btn-copper:hover {
            background-color: #a4672e; /* Slightly darker copper */
            transform: translateY(-2px) scale(1.02);
            box-shadow: 0 6px 15px rgba(184, 115, 51, 0.7);
        }

        /* Modal Overlay */
        .modal-overlay {
            position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 1000;
            display: flex; justify-content: center; align-items: center;
        }
        .modal-content { 
            background-color: white; padding: 2rem; border-radius: 16px; max-width: 90%; width: 600px; max-height: 90vh; overflow-y: auto; 
            border: 4px solid var(--color-accent);
        }

        /* Feature Icon Container */
        .feature-icon-container {
            transition: all 0.3s ease-in-out;
        }
        .feature-icon-container:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.08);
            border-color: var(--color-accent);
        }

        /* Product Card Zoom */
        .product-card-img {
            transition: transform 0.5s ease;
        }
        .product-card:hover .product-card-img {
            transform: scale(1.03);
        }
        .product-card:hover {
            box-shadow: 0 10px 25px rgba(184, 115, 51, 0.2);
        }
        
        /* Custom scrollbar for long pages/modals */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-thumb { background: #b8733390; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: var(--color-accent); }