:root { 
            --primary-color: #7D8C71;       
            --accent-color: #C5A880;        
            --text-dark: #2C302E;           
            --background-light: #FAF9F6;    
        }
        
        body { 
            font-family: 'Montserrat', sans-serif; 
            background-color: var(--background-light); 
            color: var(--text-dark); 
            letter-spacing: 0.02em;
        }
        
        h1, h2, h3, .font-display { 
            font-family: 'Cormorant Garamond', serif; 
            letter-spacing: 0.01em;
        }
        
        .text-primary { color: var(--primary-color); }
        .bg-primary { background-color: var(--primary-color); }
        .border-primary { border-color: var(--primary-color); }
        .text-accent { color: var(--accent-color); }
        .bg-accent { background-color: var(--accent-color); }
    
        .leaflet-tooltip.custom-pop{
            border-radius: 12px;
            border: 1px solid rgb(243, 244, 246);
            background: white;
            color: var(--text-dark);
            padding: 10px 14px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            font-family: 'Montserrat', sans-serif;
            font-size: 13px;
        }
        .leaflet-popup-content-wrapper{ 
            border-radius: 14px; 
            font-family: 'Montserrat', sans-serif;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }
        .leaflet-popup-content{ margin: 14px 16px; font-size: 13px; }
        .leaflet-container{ touch-action: pan-x pan-y; }

        .search-input-lux:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 4px rgba(125, 140, 113, 0.15);
        }